Question

我有一个带有多个选择菜单的表单我想确保提交用户为每个选择菜单选择了一个值如何用jquery做到这一点？我试过像

这样的东西

var form = $('myform');
if($(form ).find('select').length != $(form).find('select:option[selected="selected"]').length ) { 
    alert('wrong please make sure to select all select menu');
}

但没有运气

请帮助

谢谢

Answer 1

表单对象已经创建。我从$()语句中的表单变量中删除了if函数。您还应该使用myform的标识符。

var form = $('form#myform');
if(form.find('select').length != form.find('select:option[selected="selected"]').length ) { 
    alert('wrong please make sure to select all select menu');
}

我建议您在form var前加上$前缀，注意您已经在使用jquery对象。

示例：

var $form = $('form#myform');
if($form.find('select').length != $form.find('select:option[selected="selected"]').length ) { 
    alert('wrong please make sure to select all select menu');
}

Answer 2

默认情况下，如果没有任何选项具有selected属性，则选择元素的第一个选项，因此您的选择器将不起作用，它正在查找选项元素中的selected属性。此外，如果表单的id为myform，那么您应该使用#myform来查找它。试试这个。

var $form = $('#myform');
if($form.find('select').length != $form.find('select:option:selected').length ) { 
    alert('wrong please make sure to select all select menu');
}

jquery如何确保用户为表单上的所有选择菜单选择了一个值

2 个答案: