IN My web page contains five drop down list kept in separate update panel. It has stopped working because of j query function. How to solve this issue? can anyone guide me
<asp:Script Manager ID="smShop" run at="server" />
<asp:Update Panel class="designer" ID="up Mall"run at="server">
<Content Template>
<asp:Drop Down List run at="server" ID="ddlListMall" OnSelectedIndex Changed="ddl ListMall_SelectedIndexChanged" AutoPostBack="true" CssClass="designer">
</asp:Drop Down List>
</Content Template>
<Triggers>
<asp:AsyncPostBack Trigger ControlID="ddlListMall" EventName="SelectedIndexChanged" />
</Triggers>
</asp:Update Panel>
and this is the jQuery functions:
function MallSelect(){
$('.selectField select').each(function (i){
$(this).attr('id', 'slctOptID' + i); });
$('.selectField select').change(function ()
{
var slctID = $(this).attr('id');
optvalue = $('#' + slctID + ' option:selected').attr('value');
$("#" + slctID + " option:selected").each(function ()
{
if (optvalue == "others")
{
$("#" + slctID).parent().parent().next('.otherField').fadeIn();
}
else
{
$("#" + slctID).parent().parent().next('.otherField').hide();
}
}
)
});
if i click list item item value="Others"
it goes to j query function.
because of this update panel it wont go into that function.
If remove update panel means it show that function.but i want both function what to do?