حل شده

غیر فعال کردن 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

@Igo8 سال پیش مطرح شد

بهترین پاسخ

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

ارسال پاسخ

سیدعلی موسوی

@juza668 سال پیش مطرح شد

تخصص: سی شارپ و پی اچ پی

سلام

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

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

        }else{

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

    }

ارسال پاسخ