User194385433 posted
Hi,
Problem with jQuery Chosen dropdown list.
I am binding dropdownlist "ddlrec" on page load.
When i am selecting first time dropdown "ddlRec" it's loading and binding candidates to the ddlCandidateName.
If again I am changing dropdown list ddlRec then It's adding 2 DropDown for ddlCandidateName.
Why It's adding 2 Dropdowns.
<asp:DropDownList ID="ddlRec" class="chzn-select" Style="width: 180px;" runat="server" />
<asp:DropDownList ID="ddlCandidateName" Style="width: 250px;" runat="server" />
On Serrver Side I am binding ddlRec:
if (!Page.IsPostBack)
{
InitializeRec(ddlRec);
}
private void InitializeRec(DropDownList UserNameddl)
{
DataTable dtbl = new DataTable();
dtbl = GetAllUsers();
if (!StDbUtil.IsDataTableEmpty(dtbl))
{
UserNameddl.Items.Clear();
UserNameddl.Items.Add(new ListItem("Please Select Rec", "0"));
DataView dv = new DataView(dtbl);
dv.Sort = "up_first_name";
foreach (DataRowView drv in dv)
UserNameddl.Items.Add(new ListItem(drv[3].ToString() + " " + drv[4].ToString(), drv[1].ToString().ToUpper()));
}
}
function getRec() {
$("#<%=ddlRec.ClientID %>").change(function () {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "CreateCRF.aspx/GetRecEmailId",
data: "{'userName':'" + $("#<%=pnlSC_ddlRec.ClientID %>").val() + "'}",
dataType: "json",
success: function (data) {
bindCandidates();
},
error: function (response) {
alert(response.responseText);
},
failure: function (response) {
alert(response.responseText);
}
});
});
}
function bindCandidates() {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "Create.aspx/BindCand",
data: "{'Recuriter':'" + $("#<%=ddlRec.ClientID %>").val() + "'}",
dataType: "json",
success: function (msg) {
// debugger;
$("#ddlCandidateName option").remove();
var j = msg.length;
$("#ddlCandidateName").append($("<option></option>").val(0).html("Please Select Candidate"));
for (var i = 0; i < j; i++) {
$("#ddlCandidateName").append($("<option></option>").val(msg[i].CId).html(msg[i].CName));
}
$("#ddlCandidateName").show();
$('#ddlCandidateName').chosen().change();
$('#ddlCandidateName').trigger('liszt:updated');
},
error: function (data) {
alert(data.toString());
}
});
}
Thanks
