在HTML中更改<select>项的宽度

Question

我是HTML的新手,我正在尝试使用phoneGap和jQuery插件构建移动应用程序.我目前正在使用eclipse编程,在我的应用程序中,我有一个drop dwon菜单(选择),里面有几个项目.我试图改变选择项的宽度,但它不起作用.在这里你可以看到我做了什么来解决这个问题:

<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>

Answer 1

$('#date').css('width', 'new_Value');

来自jQuery Mobile Documentation:

刷新选择

如果您通过JavaScript操作选择,则必须在其上调用refresh方法以更新视觉样式.这是一个例子:

var myselect = $("select#foo");
myselect[0].selectedIndex = 3;
myselect.selectmenu("refresh");