آفلاین
user-avatar

غیر فعال کردن input

2 سال پیش
توسط Igo آپدیت شد
آفلاین
user-avatar
Ali ( 5119 تجربه )
2 سال پیش
تخصص : مثلا برنامه نویس

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

بهترین پاسخ انتخاب شده توسط Ali
آفلاین
user-avatar
Igo
2 سال پیش

سلام
با جاوا اسکریپت یه تابع باید بنویسید که هر وقت مقدار 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>
آفلاین
user-avatar
Igo ( 3869 تجربه )
2 سال پیش

سلام
با جاوا اسکریپت یه تابع باید بنویسید که هر وقت مقدار 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>
آفلاین
user-avatar
سیدعلی موسوی ( 107573 تجربه )
2 سال پیش
تخصص : سی شارپ و پی اچ پی

سلام

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

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

        }else{

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

    }
برای ارسال پاسخ باید وارد سایت شوید