غیر فعال کردن input
سلام دوستان
من یک فرم دارم که یک select و یک input دارد
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
<label class="filter_label"><span class="star">*</span>نوع آگهی</label>
<select class="select2-container select2 max-select" name="type">
<option value="free">رایگان</option>
<option value="sale">فروشی</option>
</select>
</div>
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
<label class="filter_label"><span class="star">*</span>قیمت</label>
<input disabled type="text" name="price" placeholder="50 هزار تومان" class="select2-container select2 max-select " />
</div>میخوام وقتی option رایگان انتخاب شد input پایین disabled بشه هر چی فکر میکنم نمیتونم شرطش رو بنویسم ممنون میشم راهنمایی بفرمایید.
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
1
سلام
با جاوا اسکریپت یه تابع باید بنویسید که هر وقت مقدار SelectOption عوض شد این تابع باید اجرا بشه.
توی این تابع مقدار SelectOption رو چک کنید اگه برابر با با مقدار که میخواین بود input رو disabled کنید.
<script>
(function () {
var selectOption = document.getElementById('selectOption');
selectOption.addEventListener('change', function () {
var input = document.getElementById('input');
var bool = selectOption.value == "free" ? true : false;
input.disabled = bool;
})
}());
</script>
گزارش تخلف
کپی کردن
1
سلام
function checkOption(obj) {
if(obj.value!="Option_1"){
$("#formId:input").prop("disabled", true);
}else{
$("#formId:input").prop("disabled", false);
}
}