I couldn't load the dynamic(run-time) data into select box
Hi All,
Based on one select box selection, I need to populate the data into another select box. Actually, I am getting data from database. Plz tell me where is my problem?
Select Box 1:
<select name="contextId" id="contextId" data-native-menu="false" data-mini="true"
contenteditable="true" data-count-theme="c">
</select>
Select Box 2:
<select name="to" id="to" multiple="multiple"
data-native-menu="false" contenteditable="true"
data-count-theme="c">
</select>
Script:
$(document).ready(function() {
$("#contextId").change(function() {
var url="./loadContextUser.do?contextId="+$("#contextId").val();
$.ajax({
dataType : "json",
url:url,
success:function(obj){
var len = obj.userDetails.length;
if (len == 0) {
return;
}else{
var obj1=obj.userDetails;
var options = '';
for(var j = 0; j < obj1.length; j++)
{
var newOption = $('<option/>');
newOption.attr('text', obj1[j][0]);
newOption.attr('value', obj1[j][1]);
$('#to').append(newOption);
}
}
}, error: function (e) {
alert(e);
}
});
});
});