javascript - 如何查找所有没有选择任何值的下拉菜单？

Question

我有一个手动提交的表单(使用JS)，它使查询字符串直接，因为它附加了所有控件ID(无论它们是否有值(value))我在某处读到，我可以通过禁用控件来避免这种情况在提交表单之前没有值。

因此，在我的表单中，我有文本框、复选框和选择(下拉菜单)，我正在尝试编写一个内联查询，它将获取所有未从列表中选择选项/值的选择:

这个 $('form').find('select option:selected[value!=""]') 有点有效，但是这个 $('form').find( 'select option:selected[value=""]') 根本没有。

如有任何帮助，我们将不胜感激。

Answer 1

通过检查表单中的每个元素，在表单提交时可以直接完成此操作。确保您为用户提供了一种真正重新启用已禁用的表单元素的方法。

工作代码是:

$("#testForm").on("submit", function() {
    $(this).find('select option:selected[value=""]').parent().attr("disabled", "disabled");
    alert("ok");  // for debug purposes
    return false; // this stops the form from actually being submitted
});

这是一个演示小部件禁用的工作 fiddle :

http://jsfiddle.net/sw6v928m/3/

编辑:更新为实际选择禁用的元素

编辑 2:在 OP 请求后更新以稍微压缩代码