相关疑难解决方法(0)

我正在开发一个网站,涉及使用PHP脚本自动填充选择框.这一切都很好,除了问题是我用来填充文本框的内容有很长的标题(它们是期刊文章和演示文稿标题).下拉框延伸到最长元素的宽度,该元素延伸到屏幕边缘,因此无法触及滚动条.我尝试过各种尝试使用CSS手动设置下拉框到特定宽度的方法,但到目前为止无济于事.我已经完成了将选择框设置为特定宽度的最佳效果,但下拉菜单本身要宽得多.

任何有关这方面的提示将不胜感激.

编辑:

事实证明,以下CSS行适用于除谷歌浏览器之外的所有主要浏览器(我正在测试该页面).如果知道Chrome的解决方案,那将是很好的了解.

select, option { width: __; }

我有这个select元素与option它不同.通常select元素会从最大option元素获得宽度,但我希望select元素的默认option值宽度更短.当用户选择另一个元素时option,该select元素应调整自身大小,以便整个文本始终在元素中可见.

$(document).ready(function() {
    $('select').change(function(){
        $(this).width($('select option:selected').width());
    });
});

问题:

• 在Chrome(Canary)上,它的返回宽度始终为0.
• 在Firefox上,选择较短的选项时,会添加宽度并且不会调整大小.
• Safari:与Chrome相同的结果.

演示@ JSFiddle

我需要一个包含多列的下拉菜单.我用Google搜索并找到了解决方案:

<select name="timezones">
    <option value="1">
        <column>Pacific/Auckland</column>
        <column>+12:00</column>
    </option>
    <option value="2">
        <column>Australia/Brisbane</column>
        <column>+10:00</column>
    </option>
</select>

但是,列不会相互调整.

看起来如何:

Pacific/Auckland +12:00
Australia/Brisbane +10:00

我希望它看起来像:

Pacific/Auckland    +12:00
Australia/Brisbane  +10:00