PDA

View Full Version : سوال: مخفی کردن چند فیلد در فرم HTML توسط JQUERY



azarbara
شنبه 24 خرداد 1393, 18:35 عصر
سلام دوستان
یه فرم دارم بصورت زیر

<select id="dnn_ctr4808_Default_EditProperty_rptDetails_1079_d egree_3"> <option value="-1">&lt;انتخاب مقطع&gt;</option> <option value="دکترا">دکترا</option> <option value="کارشناسی ارشد">کارشناسی ارشد</option> <option value="کارشناسی">کارشناسی</option>
</select> <br>
کارشناسی: <input class="NormalTextBox" type="text" id="dnn_ctr4808_Default_EditProperty_rptDetails_1087_U niversityL_6"> <br> ارشد: <input class="NormalTextBox" type="text" id="dnn_ctr4808_Default_EditProperty_rptDetails_1088_U niversityFL_7"> <br> دکترا: <input class="NormalTextBox" type="text" id="dnn_ctr4808_Default_EditProperty_rptDetails_1089_U niversityPHD_8">
می خوام وقتی کاربر از دراپ داون گزینه لیسانس رو انتخاب کرد، در زیر تکست باکس های فوق لیسانس و دکترا غیرفعال بشن (درواقع میخوام از کاربر نام دانشگاهش رو بپرسم و مسلما کسی که لیسانس هست نباید فیلدهای ارشد و دکترا رو دسترسی داشته باشه). اگر گزینه فوق لیسانس رو انتخاب کرد، در زیر تکست باکس دکترا غیرفعال بشه.
البته یه کد جی اس نوشتم برای این کار ولی با هم کار نمی کنن ولی تک تک کار می کنن.
var $karshenasi = $('input#dnn_ctr4808_Default_EditProperty_rptDetai ls_1088_UniversityFL_7');$('input#dnn_ctr4808_Defa ult_EditProperty_rptDetails_1089_UniversityPHD_8') ;
$('select').change(function(){
$karshenasi.prop('disabled', $(this).val() === 'کارشناسی');
});




var $arshad = $('input#dnn_ctr4808_Default_EditProperty_rptDetai ls_1089_UniversityPHD_8');
$('select').change(function(){
$arshad.prop('disabled', $(this).val() === 'کارشناسی ارشد');
});

متشکر می شم اگه یه راه حل به من ارائه بدید

azarbara
شنبه 24 خرداد 1393, 18:36 عصر
ضمنا لازم به توضیح هست که فقط با جی کوئری باید این مسئله رو حل کنم