JQUERY从具有多种形式的页面上的多个选择中获取值

debugcn 发表于 Dev

tty

我有一个页面，该页面具有使用while循环创建的几种形式，每种形式都有四个选择。我正在尝试找出如何检查属于当前表单的每个选择（包含单击按钮的选择）以确认是否选择了任何选择。所有形式都包装在一个称为的div中#audit_content。

目的是检查变量grade是否不是某个特定值，然后脚本检查是否已选择任何选择。

（该值$i是在while循环期间创建的，用于唯一地标识每种形式）

HTML

    <form id="audit_form<? echo $i; ?>">
      <select name="grade" class="grade<? echo $i; ?>">
         <option value="1">1</option>
         <option value="2">2</option>
         <option value="3">3</option>
      <select>    
      <select name="patient" class="reason_select">
         <option value="">Select</option>
         <option value="2">2</option>
         <option value="3">3</option>
         <option value="4">4</option>
      </select>
      <select name="exposure" class="reason_select">
         <option value="">Select</option>
         <option value="2">2</option>
         <option value="3">3</option>
         <option value="4">4</option>
      </select>
      <select name="equipment" class="reason_select">
         <option value="">Select</option>
         <option value="2">2</option>
         <option value="3">3</option>
         <option value="4">4</option>
      </select>
      <select name="positioning" class="reason_select">
         <option value="">Select</option>
         <option value="2">2</option>
         <option value="3">3</option>
         <option value="4">4</option>
      </select>
    <input type="button" name="audit_submit" class="audit_submit audit_submit_btn ie7_submit" value="" />
    <input type="hidden" class="form_id" value="<? echo $i; ?>" >
 </form>

jQuery的

<script>
  $(document).ready(function(){
    $('#audit_content').on("click", ".audit_submit", function(){
      var form_id = $(this).prev('.form_id').val();
      var grade = $('.grade'+form_id).val();
             if(grade != 1){
      $('select.reason_select').each(function(){
          alert($(this).text())
             }
        });
</script>

脚本本身显示了reason_select页面上类的每个select的值，我意识到这是因为我没有告诉它检查特定的表单，这就是我所坚持的。

查理

显示的按钮位于表单外部，而不是如上所述的内部。

要隔离任何重复类型的窗口小部件，请查找该窗口小部件的父级，然后仅在其中进行搜索：移动表单内的按钮可通过执行以下操作使其非常容易：

$('#audit_content').on("click", ".audit_submit", function () {
    var form=$(this).closest('form')
    var selects=form.find('select');
// do somthing with selects

})

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。