javascript - jQuery v 1.1x 更改选择选项的值

Question

我正在使用 jQuery v1.10.2。我需要更改选择下拉列表的值。我对移动 View 和桌面 View 使用相同的 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');

它所做的基本上就是刷新样式以显示动态选择的值。