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

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

لینک کوتاه اشتراک گذاری

0

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

بهترین پاسخ
آفلاین
user-avatar
Igo
3 سال پیش

سلام
با جاوا اسکریپت یه تابع باید بنویسید که هر وقت مقدار 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 ( 3929 تجربه )
3 سال پیش

لینک کوتاه اشتراک گذاری

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

لینک کوتاه اشتراک گذاری

1

سلام

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

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

        }else{

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

    }
برای ارسال پاسخ لازم است، ابتدا وارد سایت شوید.