2

我有一个 html 下拉列表，其中数据是使用 ajax json 从数据库绑定的。值根据 id 显示，并且它根据选定的 id 在下拉列表中绑定。但问题是在应用 jquery mobile css 后，该值未显示在下拉列表中。如果我不包含 css 值；ue 出现在下拉列表中。我需要为 jquery 移动控件包含什么功能。

我的代码： 

<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;
}
4

1 回答 1

0

您需要刷新下拉列表以更新已准备好但未显示的项目。尝试使用：

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

编辑

尝试使用此代码将项目添加到下拉列表：

$('#ddlAddressDetails').append($('<option></option>').val(data[i].ID).html(data[i].OriginDestinationAddress));
于 2012-12-28T12:34:38.767 回答