naKarzauKnowleslh
New Member
I have a html dropdown where the data is binded from database using ajax json .The values are showing according to id and it is binding in dropdown according to selected id. But the problem is after applying jquery mobile css the value is not showing in dropdown. If i dont include the css the val;ue appears in dropdown. What function i need to include for jquery mobile controls.My code:\[code\]<link href="http://stackoverflow.com/questions/CSS/themes/default/jquery.mobile-1.1.1.min.css" rel="stylesheet" type="text/css" /><link rel="stylesheet" type="text/css" href="http://stackoverflow.com/questions/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>\[/code\]\[code\]var table=document.getElementById("ddlAddressDetails"); var selectData="";var data = http://stackoverflow.com/questions/14065456/$.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.ID+"'>"+data.OriginDestinationAddress+"</option>" } table.innerHTML=selectData; }}});return table;}\[/code\]