دستور ایجاد منوی کشویی در jquery
سلام
برای ایجاد منوی کشویی در jquery از چه دستوراتی استفاده کنیم
مثلا ما کد
[HTML]
<select >
<option selected="selected" value="0">please select a country</option>
<option>iran</option>
<option>japan</option>
</select>
[/HTML]
را در html نوشتیم که در منوی اول شخص میاد و کشور را انتخاب میکنه و اگر مثلا شخص ایران را انتخاب کرد در منوی دومی لیست شهر های ایران مثلا تهران و اصفهان را نشون بده
حالا ما چطوری تهران و اصفهان را کد html اش ر ا بنویسم و بعد چطور ی با jquery کاری کنیم که اگر کاربر یه کشور را انتخاب کرد لیست شهر های ان کشور در منوی دومی لیست بشه
ممنون میشم اگه جواب بدید
کد جاوا اسکریپتش است ولی میخوام با jquery این کارو انجام بدم
اینم کد جاوا اسکریپت
[HTML]
<html>
<head>
<script type="text/javascript">
function ldMenu(mySubject) {
var Indx=mySubject;
with (document.getElementById('shahr'))
{
options.length=0;
if (Indx==0)
{
options[0]=new Option("لطفا استان خود را انتخاب کنيد","");
}
if (Indx==1){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("آذر شهر");
options[2]=new Option("اسكو");
options[3]=new Option("اهر");
options[4]=new Option("بستان آباد");
options[5]=new Option("بناب","بناب");
options[6]=new Option("بندر شرفخانه");
options[7]=new Option("تبريز");
options[8]=new Option("تسوج");
options[9]=new Option("جلفا");
options[10]=new Option("سراب");
options[11]=new Option("شبستر");
options[12]=new Option("صوفیان");
options[13]=new Option("عجبشير");
options[14]=new Option("قره آغاج");
options[15]=new Option("كليبر");
options[16]=new Option("كندوان");
options[17]=new Option("مراغه");
options[18]=new Option("مرند");
options[19]=new Option("ملكان");
options[20]=new Option("ميانه");
options[21]=new Option("ورزقان");
options[22]=new Option("هاديشهر");
options[23]=new Option("هريس");
options[24]=new Option("هشترود");
options[25]=new Option("ممقان");
}
if (Indx==2){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("اروميه");
options[2]=new Option("اشنويه");
options[3]=new Option("بازرگان");
options[4]=new Option("بوكان");
options[5]=new Option("پيرانشهر");
options[6]=new Option("تكاب");
options[7]=new Option("چالدران");
options[8]=new Option("خوي");
options[9]=new Option("سر دشت");
options[10]=new Option("سلماس");
options[11]=new Option("سيه چشمه");
options[12]=new Option("شاهين دژ");
options[13]=new Option("ماكو");
options[14]=new Option("مهاباد");
options[15]=new Option("مياندوآب");
options[16]=new Option("نقده");
}
if (Indx==3){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("اردبيل");
options[2]=new Option("بيله سوار");
options[3]=new Option("پارس آباد");
options[4]=new Option("خلخال");
options[5]=new Option("سرعين");
options[6]=new Option("گیوی(کوثر)");
options[7]=new Option("گرمي");
options[8]=new Option("مشگين شهر");
options[9]=new Option("نمين");
options[10]=new Option("نير");
}
if (Indx==4){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("آران و بيدگل");
options[2]=new Option("اردستان");
options[3]=new Option("اصفهان");
options[4]=new Option("باغ بهادران");
options[5]=new Option("تيران");
options[6]=new Option("چادگان");
options[7]=new Option("خميني شهر");
options[8]=new Option("خوانسار");
options[9]=new Option("دولت آباد");
options[10]=new Option("دهاقان");
options[11]=new Option("زرين شهر");
options[12]=new Option("زیبا شهر");
options[13]=new Option("سميرم");
options[14]=new Option("سپاهان شهر");
options[15]=new Option("شاهين شهر");
options[16]=new Option("شهرضا");
options[17]=new Option("فريدن");
options[18]=new Option("فريدون شهر");
options[19]=new Option("فلاورجان");
options[20]=new Option("فولاد شهر");
options[21]=new Option("قهدریجان");
options[22]=new Option("كاشان");
options[23]=new Option("گلدشت");
options[24]=new Option("گلپايگان");
options[25]=new Option("مباركه");
options[26]=new Option("ملک شهر");
options[27]=new Option("نايين");
options[28]=new Option("نجف آباد");
options[29]=new Option("نطنز");
options[30]=new Option("هرند");
}
if (Indx==5){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("آبدانان");
options[2]=new Option("ايلام");
options[3]=new Option("ايوان");
options[4]=new Option("دره شهر");
options[5]=new Option("دهلران");
options[6]=new Option("سرابله");
options[7]=new Option("مهران");
}
if (Indx==6){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("اهرم");
options[2]=new Option("برازجان");
options[3]=new Option("آبپخش");
options[4]=new Option("بوشهر");
options[5]=new Option("تنگستان");
options[6]=new Option("جم");
options[7]=new Option("خارك");
options[8]=new Option("خورموج");
options[9]=new Option("دشتستان");
options[10]=new Option("دشتي");
options[11]=new Option("دلوار");
options[12]=new Option("دير");
options[13]=new Option("ديلم");
options[14]=new Option("عسلویه");
options[15]=new Option("كنگان");
options[16]=new Option("گناوه");
}
if (Indx==7){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("آسارا");
options[2]=new Option("اسلامشهر");
options[3]=new Option("اشتهارد");
options[4]=new Option("بومهن");
options[5]=new Option("پاكدشت");
options[6]=new Option("تجريش");
options[7]=new Option("تهران");
options[8]=new Option("چهاردانگه");
options[9]=new Option("دماوند");
options[10]=new Option("رباط كريم");
options[11]=new Option("رودهن");
options[12]=new Option("ري");
options[13]=new Option("شريف آباد");
options[14]=new Option("شهريار");
options[15]=new Option("طالقان");
options[16]=new Option("فشم");
options[17]=new Option("فيروزكوه");
options[18]=new Option("قدس");
options[19]=new Option("قرچك");
options[20]=new Option("كرج");
options[21]=new Option("كن");
options[22]=new Option("كهريزك");
options[23]=new Option("گلستان");
options[24]=new Option("لواسان");
options[25]=new Option("ملارد");
options[26]=new Option("نظرآباد");
options[27]=new Option("ورامين");
options[28]=new Option("هشتگرد");
}
if (Indx==8){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("اردل");
options[2]=new Option("بروجن");
options[3]=new Option("چلگرد");
options[4]=new Option("سامان");
options[5]=new Option("شهركرد");
options[6]=new Option("فارسان");
options[7]=new Option("فرخ شهر");
options[8]=new Option("لردگان");
options[9]=new Option("هفشجان");
}
if (Indx==9){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("بشرویه");
options[2]=new Option("بيرجند");
options[3]=new Option("خضری");
options[4]=new Option("سرایان");
options[5]=new Option("سربيشه");
options[6]=new Option("فردوس");
options[7]=new Option("قائن");
options[8]=new Option("نهبندان");
}
if (Indx==10){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("بردسكن");
options[2]=new Option("بجستان");
options[3]=new Option("تايباد");
options[4]=new Option("تربت جام");
options[5]=new Option("تربت حيدريه");
options[6]=new Option("جغتای");
options[7]=new Option("جوین");
options[8]=new Option("چناران");
options[9]=new Option("خواف");
options[10]=new Option("خلیل آباد");
options[11]=new Option("درگز");
options[12]=new Option("رشتخوار");
options[13]=new Option("سبزوار");
options[14]=new Option("سرخس");
options[15]=new Option("طوس");
options[16]=new Option("طرقبه");
options[17]=new Option("فريمان");
options[18]=new Option("قوچان");
options[19]=new Option("كاشمر");
options[20]=new Option("كلات");
options[21]=new Option("گناباد");
options[22]=new Option("مشهد");
options[23]=new Option("نيشابور");
}
if (Indx==11){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("آشخانه");
options[2]=new Option("اسفراين");
options[3]=new Option("بجنورد");
options[4]=new Option("جاجرم");
options[5]=new Option("شيروان");
options[6]=new Option("فاروج");
}
if (Indx==12){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("آبادان");
options[2]=new Option("اميديه");
options[3]=new Option("انديمشك");
options[4]=new Option("اهواز");
options[5]=new Option("ايذه");
options[6]=new Option("گتوند");
options[7]=new Option("باغ ملك");
options[8]=new Option("بندرامام خميني");
options[9]=new Option("بندر ماهشهر");
options[10]=new Option("بهبهان");
options[11]=new Option("خرمشهر");
options[12]=new Option("دزفول");
options[13]=new Option("رامهرمز");
options[14]=new Option("رامشیر");
options[15]=new Option("سوسنگرد");
options[16]=new Option("شادگان");
options[17]=new Option("شوشتر");
options[18]=new Option("شوش");
options[19]=new Option("لالي");
options[20]=new Option("مسجد سليمان");
options[21]=new Option("هنديجان");
options[22]=new Option("هويزه");
}
if (Indx==13){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("آب بر");
options[2]=new Option("ابهر");
options[3]=new Option("ايجرود");
options[4]=new Option("خرمدره");
options[5]=new Option("زرين آباد");
options[6]=new Option("زنجان");
options[7]=new Option("قيدار");
options[8]=new Option("ماهنشان");
}
if (Indx==14){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("ايوانكي");
options[2]=new Option("بسطام");
options[3]=new Option("دامغان");
options[4]=new Option("سمنان");
options[5]=new Option("سرخه");
options[6]=new Option("شاهرود");
options[7]=new Option("شهمیرزاد");
options[8]=new Option("گرمسار");
options[9]=new Option("مهدیشهر");
}
if (Indx==15){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("ايرانشهر");
options[2]=new Option("چابهار");
options[3]=new Option("خاش");
options[4]=new Option("راسك");
options[5]=new Option("زابل");
options[6]=new Option("زاهدان");
options[7]=new Option("سراوان");
options[8]=new Option("سرباز");
options[9]=new Option("فنوج");
options[10]=new Option("کنارک");
options[11]=new Option("ميرجاوه");
options[12]=new Option("نيكشهر");
}
if (Indx==16){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("آباده");
options[2]=new Option("اردكان");
options[3]=new Option("ارسنجان");
options[4]=new Option("استهبان");
options[5]=new Option("اقليد");
options[6]=new Option("ایزد خواست");
options[7]=new Option("بوانات","35");
options[8]=new Option("جهرم");
options[9]=new Option("حاجي آباد");
options[10]=new Option("خرم بید","37");
options[11]=new Option("خنج","36");
options[12]=new Option("خشت");
options[13]=new Option("داراب");
options[14]=new Option("شيراز");
options[15]=new Option("فراشبند");
options[16]=new Option("فسا");
options[17]=new Option("فيروز آباد");
options[18]=new Option("قایمیه","38");
options[19]=new Option("قيرو کارزین");
options[20]=new Option("كازرون");
options[21]=new Option("لار");
options[22]=new Option("لامرد");
options[23]=new Option("مرودشت");
options[24]=new Option("نورآباد");
options[25]=new Option("ني ريز");
}
if (Indx==17){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("آبيك");
options[2]=new Option("شهرک البرز");
options[3]=new Option("بوئين زهرا");
options[4]=new Option("تاكستان");
options[5]=new Option("قزوين");
options[6]=new Option("محمود آباد نمونه");
}
if (Indx==18){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("قم");
}
if (Indx==19){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("بانه");
options[2]=new Option("بيجار");
options[3]=new Option("ديواندره");
options[4]=new Option("دهگلان");
options[5]=new Option("سقز");
options[6]=new Option("سنندج");
options[7]=new Option("قروه");
options[8]=new Option("كامياران");
options[9]=new Option("مريوان");
}
if (Indx==20){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("شهر بابك");
options[2]=new Option("بافت");
options[3]=new Option("بردسير");
options[4]=new Option("بم");
options[5]=new Option("جيرفت");
options[6]=new Option("مس سرچشمه");
options[7]=new Option("راور");
options[8]=new Option("رفسنجان");
options[9]=new Option("زرند");
options[10]=new Option("سيرجان");
options[11]=new Option("كرمان");
options[12]=new Option("كهنوج");
}
if (Indx==21){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("اسلام آباد غرب");
options[2]=new Option("پاوه");
options[3]=new Option("ثلاث باباجانی");
options[4]=new Option("جوانرود");
options[5]=new Option("خسروی");
options[6]=new Option("سر پل ذهاب");
options[7]=new Option("سنقر");
options[8]=new Option("صحنه");
options[9]=new Option("قصر شيرين");
options[10]=new Option("كرمانشاه");
options[11]=new Option("كنگاور");
options[12]=new Option("گيلان غرب");
options[13]=new Option("هرسين");
}
if (Indx==22){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("دنا");
options[2]=new Option("دوگنبدان");
options[3]=new Option("دهدشت");
options[4]=new Option("سي سخت");
options[5]=new Option("گچساران");
options[6]=new Option("لیکک");
options[7]=new Option("ياسوج");
}
if (Indx==23){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("آزاد شهر");
options[2]=new Option("آق قلا");
options[3]=new Option("بندر گز");
options[4]=new Option("تركمن");
options[5]=new Option("جلین");
options[6]=new Option("راميان");
options[7]=new Option("علي آباد كتول");
options[8]=new Option("كردكوي");
options[9]=new Option("كلاله");
options[10]=new Option("گالیکش");
options[11]=new Option("گرگان");
options[12]=new Option("گنبد كاووس");
options[13]=new Option("مراوه تپه");
options[14]=new Option("مينو دشت");
}
if (Indx==24){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("آستارا");
options[2]=new Option("آستانه اشرفيه");
options[3]=new Option("املش");
options[4]=new Option("بندرانزلي");
options[5]=new Option("تالش");
options[6]=new Option("خمام");
options[7]=new Option("رودبار");
options[8]=new Option("رود سر");
options[9]=new Option("رستم آباد");
options[10]=new Option("رشت");
options[11]=new Option("رضوان شهر");
options[12]=new Option("سياهكل");
options[13]=new Option("شفت");
options[14]=new Option("صومعه سرا");
options[15]=new Option("فومن");
options[16]=new Option("كلاچاي");
options[17]=new Option("لاهيجان");
options[18]=new Option("لنگرود");
options[19]=new Option("لوشان");
options[20]=new Option("ماسال");
options[21]=new Option("ماسوله");
options[22]=new Option("منجيل");
}
if (Indx==25){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("ازنا");
options[2]=new Option("الشتر");
options[3]=new Option("اليگودرز");
options[4]=new Option("بروجرد");
options[5]=new Option("پلدختر");
options[6]=new Option("خرم آباد");
options[7]=new Option("دورود");
options[8]=new Option("سراب دوره");
options[9]=new Option("سپید دشت");
options[10]=new Option("شول آباد");
options[11]=new Option("كوهدشت");
options[12]=new Option("نور آباد");
}
if (Indx==26){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("آمل");
options[2]=new Option("بلده");
options[3]=new Option("بهشهر");
options[4]=new Option("بابل");
options[5]=new Option("بابلسر");
options[6]=new Option("پل سفيد");
options[7]=new Option("تنكابن");
options[8]=new Option("جويبار");
options[9]=new Option("چالوس");
options[10]=new Option("رامسر");
options[11]=new Option("ساري");
options[12]=new Option("سلمانشهر");
options[13]=new Option("سواد كوه");
options[14]=new Option("فريدون كنار");
options[15]=new Option("کلاردشت");
options[16]=new Option("قائم شهر");
options[17]=new Option("گلوگاه");
options[18]=new Option("محمود آباد");
options[19]=new Option("مرزن آباد");
options[20]=new Option("نكا");
options[21]=new Option("نور");
options[22]=new Option("نوشهر");
}
if (Indx==27){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("آشتيان");
options[2]=new Option("اراك");
options[3]=new Option("تفرش");
options[4]=new Option("خمين");
options[5]=new Option("خنداب");
options[6]=new Option("دليجان");
options[7]=new Option("زرندیه");
options[8]=new Option("ساوه");
options[9]=new Option("شازند");
options[10]=new Option("کمیجان");
options[11]=new Option("محلات");
}
if (Indx==28){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("ابوموسي");
options[2]=new Option("انگهران");
options[3]=new Option("بندر جاسك");
options[4]=new Option("بندر خمیر");
options[5]=new Option("بندرعباس");
options[6]=new Option("بندر لنگه");
options[7]=new Option("بستك");
options[8]=new Option("پارسیان");
options[9]=new Option("تنب بزرگ");
options[10]=new Option("حاجي آباد");
options[11]=new Option("دهبارز");
options[12]=new Option("قشم");
options[13]=new Option("كيش");
options[14]=new Option("ميناب");
}
if (Indx==29){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("اسدآباد");
options[2]=new Option("بهار");
options[3]=new Option("تويسركان");
options[4]=new Option("رزن");
options[5]=new Option("كبودر اهنگ");
options[6]=new Option("ملاير");
options[7]=new Option("نهاوند");
options[8]=new Option("همدان");
}
if (Indx==30){
options[0]=new Option("لطفا شهر خود را انتخاب کنيد","");
options[1]=new Option("ابركوه");
options[2]=new Option("اردكان");
options[3]=new Option("اشكذر");
options[4]=new Option("بافق");
options[5]=new Option("تفت");
options[6]=new Option("طبس");
options[7]=new Option("مهريز");
options[8]=new Option("ميبد");
options[9]=new Option("هرات");
options[10]=new Option("يزد");
}
document.getElementById('shahr').options[0].selected=true;
}
}
function check()
{
if (document.f1.id_ostan.selectedIndex==0)
{
alert(' استان را انتخاب کنيد');
document.f1.id_ostan.focus();
return (false);
}
if (document.f1.id_shahr.selectedIndex==0)
{
alert(' شهر را انتخاب کنيد');
document.f1.id_shahr.focus();
return (false);
}
}
</script>
<style>
.hide
{
display: none;
}
.show
{
display: block;
}
</style>
</head>
<body>
<select name="id_ostan" id="id_ostan" onchange="ldMenu(this.selectedIndex);">
<option selected="selected" value="0">لطفا استان خود را انتخاب کنید</option>
<option>آذربايجان شرقي</option>
<option>آذربايجان غربي</option>
<option>اردبيل</option>
<option>اصفهان</option>
<option>ايلام</option>
<option>بوشهر</option>
<option>تهران</option>
<option>چهارمحال بختياري</option>
<option>خراسان جنوبي</option>
<option>خراسان رضوي</option>
<option>خراسان شمالي</option>
<option>خوزستان</option>
<option>زنجان</option>
<option>سمنان</option>
<option>سيستان و بلوچستان</option>
<option>فارس</option>
<option>قزوين</option>
<option>قم</option>
<option>كردستان</option>
<option>كرمان</option>
<option>كرمانشاه</option>
<option>كهكيلويه و بويراحمد</option>
<option>گلستان</option>
<option>گيلان</option>
<option value="66">لرستان</option>
<option>مازندران</option>
<option>مركزي</option>
<option>هرمزگان</option>
<option>همدان</option>
<option>يزد</option>
</select> شهر:
<select size="1" onChange="window.open( 'index.html?city='+this.value+'&ostan='+ostan(), '_self' );" name="id_shahr" id="shahr">
<option selected value="">لطفا استان خود را انتخاب کنید</option>
</select>
<script>
function ostan()
{
var ost = document.getElementById("id_ostan").value;
return ost;
}
</script>
</body>
</html>
[/HTML]
