فیلتر کردن یک dropdown بر اساس dropdown دیگر

[mariakhanom]

سلام.قبلا یه تایپیک گذاشتم در رابطه با نمایش استانها و شهرها در دوکنترل dropdownlist
ولی کسی جواب نداد:ناراحت:
الان یه سوال مرتبط با همون سوال قبلی دارم اینکه چطور با جاوا اسکریپت داده های یک کنترل dropdown را بر اساس دیگری فیلتر کنم.؟
خواهش میکنم اگه میدونین جواب بدین
یه تیکه از کدشو میذارم ولی انجام نمیشه



<


asp:DropDownList ID="Province" runat="server" AutoPostBack="True CssClass="p1" >



<asp:ListItem Value="1">آذربایجان شرقی</asp:ListItem>



<asp:ListItem Value="2">آذربایجان غربی</asp:ListItem>


</asp:DropDownList>
<


asp:DropDownList ID="City" runat="server" CssClass="p2" " >



<asp:ListItem Value="1" Selected="True">آذرشهر</asp:ListItem>



<asp:ListItem Value="1">اسکو</asp:ListItem>



<asp:ListItem Value="1">اهر</asp:ListItem>



<asp:ListItem Value="1">بستان‌آباد</asp:ListItem>



<asp:ListItem Value="1">بناب</asp:ListItem>



<asp:ListItem Value="1">تبریز </asp:ListItem>



<asp:ListItem Value="1">جلفا</asp:ListItem>



<asp:ListItem Value="1">چاراویماق</asp:ListItem>


</asp:DropDownList>


اینم کد جاوا اسکریپتش که اصلا عمل نمیکنه




<


script type="text/javascript">

$(document).ready(

function () {

$(

'.p1').click(function () {

$(

'.p2 option').css('display', 'none');

$(

'.p2 option[value=' + $('.p1 option:selected').val() + ']').css('display', 'block');

}); $(

'.p1').click();

});



</script>


دوستان خواهش میکنم اگه کسی میدونه کمک کنه.
من قسمتی از ایتم های کنترل هارو اینجا گذاشتم.میخوام با انتخاب استان توی کنترل اول فقط شهرهای مربوط به اون استان توی دومی نشون داده بشه.

[ebrahimi6357]

[باید از جاوا اسکریپ کد سی شارپ رو صدا بزنی
تو گوگل سرچ کن نمونه کدش رو پیدا می کنی
اگه جواب نگرفتی بگو برات بذارم

[mariakhanom]

خیلی سرچ کردم چیزی دستگیرم نشد.اگر لطف کنید برام بذارین ممنون میشم.

[mariakhanom]

از دوستان کسی نمیدونه؟