javascript - jQuery 验证以确保至少一个下拉菜单设置为特定值

Question

我有一个包含三个下拉菜单的表单。确保至少将一个设置为“C”的最简单方法是什么？

有 $("#Statuses").each 或 $(".Droppie").each 的东西吗？

<div id="Statuses">
   <table>
      <tr>
         <td>To Do</td>
         <td>Status</td>
      </tr>
      <tr>
         <td>Call</td>
         <td>
            <select id="Call" name="Call" class="Droppie">
               <option value="A">Active</option>
               <option value="B">Bounced</option>
               <option value="C">Closed</option>
            </select>
         </td>
      </tr>
      <tr>
         <td>Meet</td>
         <td>
            <select id="Meet" name="Meet" class="Droppie">
               <option value="A">Active</option>
               <option value="B">Bounced</option>
               <option value="C">Closed</option>
            </select>
         </td>
      </tr>
      <tr>
         <td>Followup</td>
         <td>
            <select id="Followup" name="Followup" class="Droppie">
               <option value="A">Active</option>
               <option value="B">Bounced</option>
               <option value="C">Closed</option>
            </select>
         </td>
      </tr>
   </table>
   <input type="button" name="Save" id="Save" value="Save" />
</div>

<script>
   SaveCheck = function () {
   -- jquery .each ?? --
     { alert("Sorry, at least one to-do must be closed."); }
   $("#Save").click( SaveCheck );
</script>

Answer 1

每次单击保存按钮时，您都应该检查 Droppie 类的每个选定项目。

jsfiddle.net

$('#Save').click(function() {
    if(SaveCheck()) {
        alert('successful');
    }
    else {
        alert("Sorry, at least one to-do must be closed.");
    }
});

function SaveCheck() {
    var flag = false;
    $('.Droppie :selected').each(function() {
        if($(this).val() == "C") {
            flag = true;
            return false;
        }
    });
    return flag;
}