动态更改jQuery Mobile选择框的选择值

Question

我已经动态创建了选择菜单。我如何动态地将选定的值更改为第三个值（Apple）。

HTML

<div> 
    <select id="stylex" data-mini="true"> </select> 
</div> 

代码

var wid_settings = ["Banana","Orange","Apple","Mango"]; 

wid_settings_refresh(); 

function wid_settings_refresh() { 
    var index;  
    for (index = 0; index < wid_settings.length; index++) { 
     $('#stylex').append('<option value='+index+'>'+wid_settings[index]+'</option>'); 
    } 
    $('#stylex').listview('refresh'); 
} 

// this is not working 
$('#stylex').val(3); 
$('#stylex').selectmenu("refresh"); 

JSFiddle

Answer 1

更新您的JS提琴：http://jsfiddle.net/rhLt2sxj/5/

var wid_settings = ["Banana", "Orange", "Apple", "Mango"]; 

wid_settings_refresh(); 

function wid_settings_refresh() { 
    var index; 
    for (index = 0; index < wid_settings.length; index++) { 

     $('#stylex').append('<option value=' + index + '>' + wid_settings[index] + '</option>'); 
    } 
    $('#stylex').val(3); 
    //$('#stylex').listview('refresh'); //not necessary 
}