<tr id="select">
<td>
<span id=Drop>Administration</span> <br>
<select name=ddl id=ddl disabled style="HEIGHT: 25px; WIDTH: 95%">
<option value="" selected>--Select Administration Menu--</option>
</select>
</td>
</tr>
function LoadSelect() {
var id = $('#ddl option:selected').val();
$.ajax({
method: "GET",
dataType: "json",
url: "@Url.Action("LoadAdmin", "AddOneAdmin")",
cache: false,
data: { id: window.ID, wdId: id },
success: function(result) {
$.each(result, function(i,ls) {
$("#ddl").append('<option value="' + ls.Value + '">' + ls.Text + '</option>');
});
$("#ddl").removeAttr("disabled");
},
error: function() {
alert('Error Retrieving Data.');
}
});
}
I made the following changes to the Jquery. Change
$("#ddl").append('<option value="' + ls.Value + '">' + ls.Text + '</option>'); to
$("#ddl").append('<input type="checkbox" value="' + ls.Value + '"> ' + ls.Text + '</br>');
and the html to
<tr id="select">
<td name=ddl id=ddl>
<span id=Drop>Administration</span> <br>
@*<select name=ddl id=ddl disabled style="HEIGHT: 25px; WIDTH: 95%">
<option value="" selected>--Select Administration Menu--</option>
</select>@
</td>
</tr>
this is not working. Any help will be appreciated