javascript - 仅当值为 1 时禁用选择值

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>