Question

我正在使用jQuery v1.10.2。我需要更改选择下拉列表的值。我在移动和桌面视图中使用相同的js文件（两者都有不同的html文件）。这些是我试图改变下拉值的两种方法：

 $('#cType').val('visa');
 $("#cType").prop("selectedIndex", 1);

它适用于桌面并更改值，但对于移动设备，它不起作用。对于移动设备和桌面设备，这是我正在使用的HTML代码：

 <div class="cTypeContainer">
     <label for="cType"><span class="red">&#42;</span>Card Type</label>
      <select name="cType" class="ui-nodisc-icon ui-alt-icon" id="cType">
              <option>Select</option>
              <option value="visa">Visa</option>
              <option value="master">Master Card</option>
              <option value="discover">Discover</option>
              <option value="amExpress">American Express</option>
       </select>
 </div>

我不知道为什么它不能用于移动设备。我正在使用jQuery mobile，你认为它可能会干扰它的工作吗？

Answer 1

我将JS代码改为此代码，它就像一个魅力：

 $('#cType').val('visa').selectmenu('refresh');

它所做的只是刷新样式以显示动态选择的值。

jQuery v 1.1x更改select选项的值

1 个答案: