Javascript 验证多个选择框

选择框1

<select name="slt_drop1" id = "slt_drop1">
<option value ="0">----------</option>
...........
</select> 

----------
...........

选择框2

<select name="slt_drop2" id = "slt_drop2">
<option value ="0">----------</option>
...........
</select> 

----------
...........

选择框3

<select name="slt_drop3" id = "slt_drop3">
<option value ="0">----------</option>
...........
</select> 

----------
...........

选择框4

<select name="slt_drop4" id = "slt_drop4">
<option value ="0">----------</option>
...........
</select> 

----------
...........

---

在HTML表单中，我使用了4个选择按钮，如果用户在任何选择按钮中选择值为“0”，即（默认值），则应在选择按钮附近显示消息，“请选择正确的值”，例如，如果slt_drop3的值为“0”，则应在slt_drop3选择选项附近发出警报。该消息应针对单个按钮而不是普通警报显示。

也许这就是您想要的

$（“选择”）.change（函数（）
{
如果（$（this.val（）=“0”）
$（此）。之后（'请选择正确的值'）；
其他的
if（$（this）.next（）.prop（“标记名”）.toLowerCase（）=“小”）
$（this.next（）.remove（）；
});
$（“选择”）。触发（“更改”）；

您在项目中使用jQuery吗？我认为您可以在更改select的值并验证它时收听：

$(function() {
    $('select').on('change', validate);

    function validate(e) {
      var select = $(e.currentTarget);
      var id = select.attr('id');
      var val = select.val();
      if (val === '0') {
        showMessage(id);
      } else {
        hideMessage(id);
      }
    }

    function showMessage(id) {
      $('.message[data-select-id="' + id + '"]').show();
    }

    function hideMessage(id) {
      $('.message[data-select-id="' + id + '"]').hide();
    }
});

在每个select标记附近添加消息块，必要时显示

<select name="slt_drop1" id = "slt_drop1">
<option value ="0">----------</option>
...........
</select>
<div class='message' data-select-id='slt_drop1'>please select the correct value</div>

----------
...........
请选择正确的值

向每个SELECT元素添加一个公共类

使用jQuery选择与该类匹配的元素

将更改事件绑定到选择器，并应用逻辑检查“0”值

$（文档）.ready（函数（）{
$（'select.is valid'）.change（函数（）{
var$el=$（本）；
如果（$el.val（）==0）{
$el.after（'选择其他值'）；
}
});
});

---
1.
---
1.
---
1.

<select name="slt_drop1" id = "slt_drop1">
<option value ="0">----------</option>
...........
</select>
<div class='message' data-select-id='slt_drop1'>please select the correct value</div>