如何取消选择所选选项并将值刷新到JqueryMobile中选择的第一个?

时间:2015-04-02 14:24:43

标签: javascript jquery-mobile

我遇到问题,我想从选项下拉列表中刷新或取消选择所选值。

我可以取消选择值,但选择的值不会刷新,并显示相同的值。 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);

}

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

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

1 个答案:

答案 0 :(得分:0)

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

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