如何在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]) <select>具有名称属性的所有<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>

希望能满足您的要求。