jQuery只从六个选择器中选择一个,其他选择为none

时间:2015-01-26 13:52:21

标签: jquery html

我有六个选择器,每个都有选择。我需要关注:如果我从value='eth1a'选择其中一个选项,那么其他选择器设置为value='none'

我试试:

\$('.chselect').on('change', function(){
  var prom = \$(this).val();
    if (prom != 'none') {
      \$('.chselect').val('none');
    }
});

但它不起作用。对于所有选择者来说,这将是一两个好的。

我的HTML:

<tr>
  <th class='topL toLeft' rowspan='2'>${SWAP}</th>
  <th class='topL toLeft flowHidden'>Channel&nbsp;Select</th>
    <td colspan='2' class='color-light'>
      <select id='outportsfp1' name='outportsfp1' size='1' class='xchselect' ${OUTPSELS1}>
        <option value='none'>none</option>
        <option value='eth1a'>ETH1a</option>
      </select>
    </td>

    <td colspan='2' class='color-light'>
      <select id='outportsfp1' name='outportsfp2' size='1' class='xchselect' ${OUTPSELS2}>
        <option value='none'>none</option>
        <option value='eth1a'>ETH1a</option>
      </select>
    </td>
    ....

    <td colspan='2' class='color-light'>
      <select id='outportsfp6' name='outportsfp1' size='1' class='xchselect' ${OUTPSELS6}>
        <option value='none'>none</option>
        <option value='eth1a'>ETH1a</option>
      </select>
    </td>                       
</tr>   

我可以寻求帮助吗?感谢

1 个答案:

答案 0 :(得分:3)

您可以使用.not()选择器

  

从匹配元素集中删除元素。

使用

$('.chselect').not(this).val('none');