javascript - 基于另一个下拉列表启用/禁用下拉列表

Question

我有 2 个下拉列表

<select id="servergroup" multiple="multiple">             
  <option value="P1">P1</option>
  <option value="P2">P2</option>
  <option value="P3">P3</option>
  <option value="P4">P4</option>
</select>

<select id="servername" multiple="multiple">
  <option value="s597ap233">s597ap233</option>
  <option value="s597dp392">s597dp392</option>
  <option value="s397dp095">s397dp095</option> 
</select>

我希望仅当我们在第一个下拉列表中选择一个值时才启用第二个下拉列表。如果我们从第一个下拉列表中取消选择该值，它应该再次被禁用。我可以知道如何使用 jQuery 实现这一点吗？

Answer 1

您可以使用disabled 属性并使用JavaScript，您可以将其设置为false 或true

function check(){
  if(document.getElementById('servergroup').value!='')
    document.getElementById('servername').disabled=false;
  else
    document.getElementById('servername').disabled=true;
}

<select onchange="check()" id="servergroup" multiple="multiple">

    <option value="P1">P1</option>
    <option value="P2">P2</option>
    <option value="P3">P3</option>
    <option value="P4">P4</option>
    </select>
    <select disabled id="servername" multiple="multiple">
    <option value="s597ap233">s597ap233</option>
    <option value="s597dp392">s597dp392</option>
    <option value="s397dp095">s397dp095</option> 
    </select>