Question

我想在另一个选择（尝试）的值仅为1时禁用选择选项（间隔）。即使我从下拉列表中选择其他值，它也会保持禁用状态。

HTML

<select id="attempts">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
</select>

<select id="intervals">
    <option>Hello</option>
    <option>Hello</option>
    <option>Hello</option>
</select>

的JavaScript

$(function () {
    if ($('#attempts').val() == 1) {
        $('#intervals').attr('disabled', true);
    } else {
        $('#intervals').attr('disabled', false);
    }
})

Answer 1

你可以这样做。

$('#attempts').change(function() {
    $('#intervals').prop('disabled', this.value == 1);
}).change(); //auto execute when page load

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="attempts">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
</select>

<select id="intervals">
    <option>Hello</option>
    <option>Hello</option>
    <option>Hello</option>
</select>

仅在值为1时禁用选择值

1 个答案: