javascript - 如何根据用户在另一个 中的选择禁用

Question

我有两个<select> , 名为 category 和 category_sport

我要<select name='category_sport'>禁用，如果我点击 <option>sport</option>在 <select name='category'> , 我想启用 <select name='category_sport'>

有人知道怎么做吗？

function disable()
    {
        document.getElementById("katOl").disabled=true;
    }
function enable()
    {
        document.getElementById("katOl").disabled=false;
    }

上面的脚本用于<option>例如:

<select name='category'>
  <option value="1" onclick='enable()' >sport</option>

</select>



<select id='katOl' name='category_sport'>
    <option value="1">Football</option>

 </select>

但是不行

Answer 1

尝试这样的事情

JavaScript

function check(val)
{
    if(val == '1'){
        document.getElementById("katOl").disabled=true;
    }else{
        document.getElementById("katOl").disabled=false;
    }
}

html

<select name='category' onchange="check(this.value)">
        <option value="" >SELECT</option>
        <option value="1" >sport</option>
</select>