如何在 JqueryMobile 中取消 select 一个 selected 选项并将值刷新为第一个 selected？

Question

我有问题，我想刷新或取消 select 选项下拉列表中的 selected 值。

我可以取消 select 值，但是 selected 值没有刷新，并且显示相同。 JqueryMobile:

HTML:

<fieldset class="ui-field-contain">
 <select name="mu_part_name" id="mu_part_name">
     <option value="0">First Products</option>
     <option value="1">second Products</option>
     <option selected value="2">Most used Products</option>
     <option value="3">last Products</option>
 </select>
</fieldset>
 <a rel="external" onClick="showpart();"> <input type="button" value="Add">   </a>

Jacascript:

function showpart(){
$("#mu_part_name").prop("selectedIndex", 0);
var test = $( "#mu_part_name" ).val();
alert(test);
var text = $( "#mu_part_name option:selected" ).text();
alert(text);

}

警报值已更改：必填项：但显示现有的 selected 值 :(

我将非常感谢你.... :) 提前致谢...

Answer 1

只需告诉 select 小部件自行刷新：http://api.jquerymobile.com/selectmenu/#method-refresh

$("#mu_part_name").prop("selectedIndex", 0).selectmenu( "refresh", true );

如何在 JqueryMobile 中取消 select 一个 selected 选项并将值刷新为第一个 selected？

How do I un-select a selected option and refresh values to 1st selected in JqueryMobile?

javascript

jquery-mobile