Ali
6 سال پیش توسط Ali مطرح شد
2 پاسخ

غیر فعال کردن 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 بشه هر چی فکر میکنم نمیتونم شرطش رو بنویسم ممنون میشم راهنمایی بفرمایید.


ثبت پرسش جدید
Igo
@Igo 6 سال پیش آپدیت شد
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>

سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 6 سال پیش مطرح شد
1

سلام

function checkOption(obj) {
        if(obj.value!="Option_1"){

         $("#formId:input").prop("disabled", true);

        }else{

         $("#formId:input").prop("disabled", false);
        }

    }

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام