javascript - 如果选择了第一个选项，如何禁用第二个选项

Question

我在五行中有 10 个下拉选择字段!如果有人从第一个或第二个选择中选择了一些东西，那么我想禁用 同一行中的另一个(不消失只禁用)!

当我选择 Enable 值时，禁用的选择应该被启用!

对不起我的英语，我希望你能理解我的问题!提前致谢!!

<table>
   <tr>
      <th>
        First select
      </th>
      <th>
        Second select
      </th>
   </tr>
   <tr>
      <td>
         <select>
            <option value="enable">Enable</option>
            <option value="test2">Test 2</option>
            <option value="test3">Test 3</option>
            <option value="test4">Test 4</option>
         </select>
      </td>
      <td>
         <select>
            <option value="enable">Enable</option>
            <option value="test2">Test 2</option>
            <option value="test3">Test 3</option>
            <option value="test4">Test 4</option>
         </select>
      </td>
   </tr>
   <tr>
   </tr>
   <tr>
      <td>
         <select>
            <option value="enable">Enable</option>
            <option value="test2">Test 2</option>
            <option value="test3">Test 3</option>
            <option value="test4">Test 4</option>
         </select>
      </td>
      <td>
         <select>
            <option value="enable">Enable</option>
            <option value="test2">Test 2</option>
            <option value="test3">Test 3</option>
            <option value="test4">Test 4</option>
         </select>
      </td>
   </tr>
   <tr>
      <td>
         <select>
            <option value="enable">Enable</option>
            <option value="test2">Test 2</option>
            <option value="test3">Test 3</option>
            <option value="test4">Test 4</option>
         </select>
      </td>
      <td>
         <select>
            <option value="enable">Enable</option>
            <option value="test2">Test 2</option>
            <option value="test3">Test 3</option>
            <option value="test4">Test 4</option>
         </select>
      </td>
   </tr>
   <tr>
   </tr>
   <tr>
      <td>
         <select>
            <option value="enable">Enable</option>
            <option value="test2">Test 2</option>
            <option value="test3">Test 3</option>
            <option value="test4">Test 4</option>
         </select>
      </td>
      <td>
         <select>
            <option value="enable">Enable</option>
            <option value="test2">Test 2</option>
            <option value="test3">Test 3</option>
            <option value="test4">Test 4</option>
         </select>
      </td>
   </tr>
   <tr>
      <td>
         <select>
            <option value="enable">Enable</option>
            <option value="test2">Test 2</option>
            <option value="test3">Test 3</option>
            <option value="test4">Test 4</option>
         </select>
      </td>
      <td>
         <select>
            <option value="enable">Enable</option>
            <option value="test2">Test 2</option>
            <option value="test3">Test 3</option>
            <option value="test4">Test 4</option>
         </select>
      </td>
   </tr>    
</table>

Click Fiddle.

Answer 1

你可以使用这个片段:

$('select').change(function(){
    $(this).closest('tr').find('select').not(this).prop('disabled', this.value !== "enable")
});

Fiddle