I have passed value from one drop down list to another but from another drop down list i can not pass value to the Text Boxes.
My first first drop down JQuery which pass value to the second
<script type="text/javascript">
$('#DeptID').change(function () {
$.ajaxSetup({ cache: false });
var selectedItem = $(this).val();
if (selectedItem == "" || selectedItem == 0) {
var items = "<option value=''></option>";
} else {
$.post('<%: ResolveUrl("~/Inventory/EmployeeList?ClassID=")%>' + $("#DeptID > option:selected").attr("value"), function (data) {
var items = "";
var items1 = "";
var isSeleted = '';
if (data.Selected) {
isSeleted = " selected='selected'";
}
$.each(data, function (i, data) {
items += "<option value='" + data.Value + isSeleted + "'>" + data.Text + "</option>";
});
$("#EMPID").html(items);
$("#EMPID").removeAttr('disabled');
});
}
});
</script>
The second Drop Down List JQuery like:
<script type="text/javascript">
$('#EMPID').change(function () {
$.post('<%: ResolveUrl("~/Inventory/GetEmployeeInfo?UserID=")%>' + $("#EMPID > option:selected").attr("value"), function (data) {
$('input:text[id$=MonitorID]').val(data.MonitorID);
$('input:text[id$=UPSID]').val(data.UPSID);
});
});
</script>
But when I pass value to the controller using the second Drop Down list it take the first Drop Down value like 'DeptID '... I want to EMPID value and want to show all information of a employee in the Text Boxes....
How can I solve my problem