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

恩佐利

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

当我选择启用值时,应该启用禁用选项!

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

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

单击小提琴。

i

您可以使用以下代码段:

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

小提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如果第一个选择中的选项1被禁用,则第二个选择被禁用

来自分类Dev

如何根据第一个选择选项显示第二个选择选项

来自分类Dev

在 Angular 4 中尚未选择第一个选择选项时禁用第二个选择选项

来自分类Dev

如何根据第一个<select>选项填充第二个<select>

来自分类Dev

根据第一个选择框选项更新第二个选择框选项

来自分类Dev

使用angular js根据第一个选择的选项过滤第二个选择框

来自分类Dev

根据第一个下拉菜单禁用第二个下拉菜单选项

来自分类Dev

如何根据第一个选项选择更改第二个下拉列表和基于第二个选项选择的第三个下拉列表

来自分类Dev

使用jQuery根据第一个选择列表选项显示第二个字段

来自分类Dev

选择第一个选项时自动更改第二个下拉菜单

来自分类Dev

如果未选择第一个下拉菜单,则禁用第二个下拉菜单

来自分类Dev

如果未选择第一个下拉菜单,则禁用第二个下拉菜单

来自分类Dev

如何禁用第二个选择选项?

来自分类Dev

如何从另一个选项卡上的场景中选择或弹出一个选项卡式应用程序中第一个选项卡的第二个场景?

来自分类Dev

如何从另一个选项卡上的场景中选择或弹出一个选项卡式应用程序中第一个选项卡的第二个场景?

来自分类Dev

AngularJS:两个选择,第二个选择的选项应该是第一个选项的子集

来自分类Dev

在selectizeInput中选择第二个时禁用一个选项

来自分类Dev

根据第一个下拉选项更改第二个下拉选项(仅JavaScript)

来自分类Dev

如何根据第一个规则选择第二个通配符?

来自分类Dev

如何仅选择第二个li元素的第一个孩子

来自分类Dev

如何根据第一个 DropdownButton 的选择加载第二个 DropdownButton

来自分类Dev

如何使用JavaScript激活第二个选项卡而不是第一个选项卡?

来自分类Dev

我在第一个下拉列表中保留了选择选项值,但没有保留第二个或第三个

来自分类Dev

AngularJS-2种选择年份。第二个选项必须大于或等于选择的第一个

来自分类Dev

使按钮转到第二个选项卡式场景,而不是第一个?

来自分类Dev

如果第一个<select>设置为某些选项,则需要进行第二个<select>验证

来自分类Dev

如果第一个元素为空,则选择第二个元素的 XPath

来自分类Dev

如果选中,则禁用第二个选择框的选项

来自分类Dev

:eq不选择第二个div而选择第一个| jQuery的

Related 相关文章

  1. 1

    如果第一个选择中的选项1被禁用,则第二个选择被禁用

  2. 2

    如何根据第一个选择选项显示第二个选择选项

  3. 3

    在 Angular 4 中尚未选择第一个选择选项时禁用第二个选择选项

  4. 4

    如何根据第一个<select>选项填充第二个<select>

  5. 5

    根据第一个选择框选项更新第二个选择框选项

  6. 6

    使用angular js根据第一个选择的选项过滤第二个选择框

  7. 7

    根据第一个下拉菜单禁用第二个下拉菜单选项

  8. 8

    如何根据第一个选项选择更改第二个下拉列表和基于第二个选项选择的第三个下拉列表

  9. 9

    使用jQuery根据第一个选择列表选项显示第二个字段

  10. 10

    选择第一个选项时自动更改第二个下拉菜单

  11. 11

    如果未选择第一个下拉菜单,则禁用第二个下拉菜单

  12. 12

    如果未选择第一个下拉菜单,则禁用第二个下拉菜单

  13. 13

    如何禁用第二个选择选项?

  14. 14

    如何从另一个选项卡上的场景中选择或弹出一个选项卡式应用程序中第一个选项卡的第二个场景?

  15. 15

    如何从另一个选项卡上的场景中选择或弹出一个选项卡式应用程序中第一个选项卡的第二个场景?

  16. 16

    AngularJS:两个选择,第二个选择的选项应该是第一个选项的子集

  17. 17

    在selectizeInput中选择第二个时禁用一个选项

  18. 18

    根据第一个下拉选项更改第二个下拉选项(仅JavaScript)

  19. 19

    如何根据第一个规则选择第二个通配符?

  20. 20

    如何仅选择第二个li元素的第一个孩子

  21. 21

    如何根据第一个 DropdownButton 的选择加载第二个 DropdownButton

  22. 22

    如何使用JavaScript激活第二个选项卡而不是第一个选项卡?

  23. 23

    我在第一个下拉列表中保留了选择选项值,但没有保留第二个或第三个

  24. 24

    AngularJS-2种选择年份。第二个选项必须大于或等于选择的第一个

  25. 25

    使按钮转到第二个选项卡式场景,而不是第一个?

  26. 26

    如果第一个<select>设置为某些选项,则需要进行第二个<select>验证

  27. 27

    如果第一个元素为空,则选择第二个元素的 XPath

  28. 28

    如果选中,则禁用第二个选择框的选项

  29. 29

    :eq不选择第二个div而选择第一个| jQuery的

热门标签

归档