jquery mobile中的html下拉列表

我有一個html下拉列表，其中數據使用ajax json從數據庫綁定。值根據id顯示，並根據選定的id綁定到下拉列表中。但問題是應用jquery mobile css後，下拉菜單中沒有顯示值。如果我不包括css val; ue出現在下拉列表中。我需要爲jquery移動控件包含哪些功能。jquery mobile中的html下拉列表

我的代碼：

<link href="../CSS/themes/default/jquery.mobile-1.1.1.min.css" rel="stylesheet" type="text/css" /> 
<link rel="stylesheet" type="text/css" href="../CSS/themes/default/my.css" /> 



<div data-role="fieldcontain" style="width: 50%"> 
    <label for="selectmenu22"> 
     <span style="font-family: times new roman,times; font-size: medium;"> 
     <b>Address Details:</b> 
     </span> 
    </label> 
    <select name="selectmenu22" id="ddlAddressDetails" required="required" data-theme="b" data-mini="true" runat="server"> 
    </select> 
</div>

var table=document.getElementById("ddlAddressDetails"); 
var selectData=""; 
var data = $.ajax({ 

      url: 'ViewSurvey.aspx',                
      data: {ID:function(){return EID}}, 
      dataType: 'json', 
      async: false, 
      success: function(data, result) 
        {                
        if (!result) 
        { 
         alert('Failure to retrieve the data.'); 
        } 
        else 
        { 
        for(var i=0;i<data.length;i++) 
        {  

         selectData+="<option selected='selected' 
value='"+data[i].ID+"'>"+data[i].OriginDestinationAddress+"</option>"    
        } 
        table.innerHTML=selectData; 

       } 
} 
}); 

return table; 
}

來源

2012-12-28 user1840936

代碼的任何樣品？我們需要看到這個CSS。也許有什麼問題。 – WooCaSh

值綁定，但它不顯示在HTML下拉 – user1840936

你需要更新您的下拉列表更新準備但尚未顯示的項目。使用此代碼添加項目到下拉

$('#ddlAddressDetails').selectmenu('refresh');

編輯

搜索：嘗試使用

$('#ddlAddressDetails').append($('<option></option>').val(data[i].ID).html(data[i].OriginDestinationAddress));

來源

2012-12-28 12:34:38

實際上它是綁定我，但是當我使用jquerymobile css數據默認情況下不顯示 – user1840936

jquery mobile中的html下拉列表

回答

相關問題