Javascript 如何减少为每个空选择使用错误消息 国家 选择国家 大马士革 阿莱波 细胞 选择单元格 c1 c2 放置 选择地点 p1 p2

只有3个标签和3个选项

按delete（删除）按钮时，如果用户未选择任何select（选择）的任何选项，则应在空选择的左侧显示错误消息

我可以通过将错误消息添加到每个select中，并在我的js中检查select是否为空，从而显示错误消息，但这会使我编写越来越多的重复代码。是否有任何方法可以使用javascript（或jQuery）使错误消息动态显示给用户，请使用-->

试试这个：

$('input[type=button]').on('click', function(e){
        $.each( $('select'), function(){ if( $(this).find('option:selected').val().indexOf('choose') > -1 ) alert('error');    })

这将为

删除

按钮（使用）-使用的

单击事件附加一个功能

删除已存在的任何错误（类为
error
）的DOM元素-使用

对每个
select
-使用的

保存
$（此）
以备日后使用-如果多次使用对象，“缓存”该对象（为了性能）会更好

$this = $(this);

如果选择列表的
selectedIndex
为
0
，则执行

if ($this[0].selectedIndex === 0) {

$this.parent（）.prepend（'Error'）；

用于将一些HTML添加到当前的
select

我不知道jQuery，但我使用了您的代码和我的编辑器（netbeans）表示Itan中存在语法错误，我希望该函数仅用于delete button，您的函数似乎适用于我网站中的每个输入，对吗？是的，正确；您可以通过为该delete button添加ID或css类将click事件绑定到特定按钮。并更改上面的代码，如
$（“#button ID属性值”）（'click'，函数（e）{…
语法错误。正确缩进代码，您将看到代码不工作的原因。事实上，它就是不可读的。
$('input[value=delete]').click(function() {

$('.error').remove();

$('select').each(function() {

$this = $(this);

if ($this[0].selectedIndex === 0) {

$this.parent().prepend('<span class="error">Error</span>');