JQuery Selector代码验证选择选项列表

时间:2010-12-20 14:55:01

标签: javascript jquery jquery-selectors

我有3个选择框的情况就是表格

    <form>
   <select name="select1">
 <option value="a">a</option>
 <option value="b">b</option>
 <option value="c">c</option>
 </select>

<select name="select2">
 <option value="a">a</option>
 <option value="b">b</option>
 <option value="c">c</option>
 </select>
  <select name="select3">
 <option value="a">a</option>
 <option value="b">b</option>
 <option value="c">c</option>
 </select> </form>

在提交此表单时,我必须检查至少其中一个选择框值应为“a”。

是否有任何一行selctor查询,如jQuery ['form']。find('select val ==“a”')。length()就像这样。

谢谢, Nithish。

3 个答案:

答案 0 :(得分:2)

示例: http://jsfiddle.net/patrick_dw/Zvmfg/

jQuery('form select option:selected[value="a"]').length;

所以你可以这样做:

if( jQuery('form select option:selected[value="a"]').length ) {
    alert( 'at least one was selected' );
} else {
    alert( 'no "a" values selected' );
}

答案 1 :(得分:1)

试试这个:$('form#yourform option:selected[value="a"]').length > 0

答案 2 :(得分:1)

如果我理解正确,并且您想知道至少有一个选定的option是否具有“a”的值,它应该看起来像

if( $('form').find('option:selected[value=a]').length ) {
   /*  */
}