如果选择第一个选项,如何禁用第二个选项

Question

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

当我选择Enable值而不是禁用时应该启用select!

对不起我的英文,我希望你理解我的问题!先感谢您!!

<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>

点击小提琴.

Answer 1

你可以使用这个片段:

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

小提琴