仅当值为1时禁用选择值

Disable select value only when value is 1

本文关键字：选择 1时      更新时间：2023-09-26

当另一个选择（尝试）的值仅为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);
    }
})

您可以按照以下方式进行操作。

$('#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>

相关文章：