我是 HTML 的新手,我正在尝试使用 phoneGap 和 jQuery 插件构建一个移动应用程序。我目前正在使用 Eclipse 进行编程,在我的应用程序中,我有一个下拉菜单(选择),其中包含几个项目。我正在尝试更改所选项目的宽度,但它不起作用。在这里你可以看到我做了什么来解决这个问题:
<label for="select-choice-1" class="select">Choose Expiry Date</label>
<select id="date" name="select-choice-1" id="select-choice-1" style="width:150px">
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
<option value="">4</option>
</select>
最佳答案
$('#date').css('width', 'new_Value');
来自 jQuery Mobile 文档:
刷新选择
如果您通过 JavaScript 操作选择,则必须对其调用刷新方法以更新视觉样式。这是一个例子:
var myselect = $("select#foo");
myselect[0].selectedIndex = 3;
myselect.selectmenu("refresh");
关于javascript - 更改 HTML 中 <select> 项的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6842865/