僅當值爲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>