melissa
4 سال پیش توسط melissa مطرح شد
2 پاسخ

ساختار select با jquery

سلام دوستان من یک منو با selectbox ,jquery میخام که بین دو گزینه مثلا آب مشترک و آب مجزا ,اگر کاربری آب مجزا را انتخاب کرد نتونه دیگه آب مشترک را انتخاب کنه .

<!DOCTYPE html>
<html>

<head>
    <title>
        Change selected value
        of a drop-down list
    </title>

    <style>
        div {
            width:۱۵%;
            background-color:green;
            padding:۸px;
            color:azure;
        }
    </style>

    <script src=
            "https://ajax.googleapis.com/ajax/libs/jquery/۳.۳.۱/jquery.min.js">
    </script>

    <script type="text/javascript">
        $(document).ready(()=>{
            $("#select").val('۲');
        });
    </script>
</head>

<body>
<div>

    <select id="select">
        <option value="۱"> آب مجزا </option>
        <option value="۲">برق مجزا</option>
        <option value="۳">گاز مچزا</option>
        <option value="۴">تلفن</option>
        <option value="۵">آب مشترک</option>
        <option value="۶">برق مشترک</option>
        <option value="۷">گاز مشترک</option>
    </select>
</div>
</body>

</html>

ثبت پرسش جدید
محسن بستان
تخصص : Senior Backend Developer
@mohsenbostan 4 سال پیش مطرح شد
0

@mpoorkamaly
سلام.
کافیه که یک شرط قرار بدید اگر اون آیتم مورد نظر انتخاب شد، اتریبیوت disabled رو به اونی که می خواهید غیر فعال بشه اضافه کنه.


melissa
@mpoorkamaly 4 سال پیش مطرح شد
0
var limit = 3;
$('input.single-checkbox').on('click', function (evt) {
    if ($('.single-checkbox:checked').length > limit) {
        this.checked = false;
    }
});

@mohsenbostan
از این نمونه شرط استفاده کردم ولی جواب نمیده


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

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