如何通过Jquery Mobile中的值更改选择菜单中的选定选项？

Question

I need to change the selected option with the value coming from the database.

Here is the code:

// this code is in ondeviceready function.
 function onDeviceReady() {
     $("#txtgender2").val(data.data.gender).selectmenu("refresh");
 }

This code is in somewhere in div

<div>
    <select name="txtgender2" id="txtgender2" data-role="slider">
        <option value="Male" >Male</option>
        <option value="Female">Female</option>
    </select> 
</div>

How do I change the selected option of the selectmenu ?

Answer 1

If you want to refresh the select menu with data-role slider you have to use:

$("#txtgender2").val(data.data.gender).slider("refresh"); 

instead of:

$("#txtgender2").val(data.data.gender).selectmenu("refresh");

Answer 2

If you want to refresh the select menu with data-role slider you have to use:

$("#txtgender2").val(data.data.gender).slider("refresh"); 
instead of:

$("#txtgender2").val(data.data.gender).selectmenu("refresh");

Answer 3

$("#txtgender2 option[value="'+data.data.gender+'"]").attr('selected', 'selected');  
$('#txtgender2').selectmenu('refresh');