如何在jquery中验证多个下拉列表

Question

HTML：

<select type="text" class="que_ans" name="answer[12]" id="answer_12" size="1">
    <option value="0" selected> -- Select Response -- </option>
    <option value="1">Not Satisfied</option>
    <option value="2">Somewhat Satisfied</option>
</select>

<select type="text" class="que_ans" name="answer[13]" id="answer_13" size="1">
    <option value="0" selected> -- Select Response -- </option>
    <option value="1">Not Satisfied</option>
    <option value="2">Somewhat Satisfied</option>
</select>

如何使用数组名称answer[12]验证下拉列表？

Answer 1

您可以将属性选择器$(select[name="answer[12]"])用于特定的

或更多通用$(select[name])以选择具有name属性的所有<select>。

也可以使用val()方法获取所选项目。

例如：$(select[name="answer[12]"]).val()

Answer 2

在下拉列表元素上添加class和title属性，如：

    <select  type="text" class="que_ans required" name="answer[12]" id="answer_12" size="1" title="This is required field" >
    <option value="0" selected> -- Select Response -- </option>
    <option value="1">Not Satisfied</option>
    <option value="2">Somewhat Satisfied</option>
</select>
<select  type="text" class="que_ans required" name="answer[13]" id="answer_13" size="1" title="This is required field">
    <option value="0" selected> -- Select Response -- </option>
    <option value="1">Not Satisfied</option>
    <option value="2">Somewhat Satisfied</option>
</select>

并在页面末尾添加以下脚本

<script>
   $('select.required').each(function () {
        var message = $(this).attr('title');
        if($(this).val() == '' || $(this).val() == 0) {                
              alert(message);
              $(this).focus();
              breakout = true;
              return false;
        }

    }
});
</script>

我希望，它能满足你的要求。