可靠的下拉菜单

Question

在使用jquery，ajax和php创建了三个可靠的下拉菜单后。填充我的下拉菜单后，例如，当我在第一个下拉菜单中选择一个值时，第二个下拉菜单将基于第一个选择的值创建，依此类推，当我在第二个下拉菜单中选择一个值时，第三个下拉菜单也会创建。现在，如何再次捕获所选的值，以便在数据库上执行进一步的查询。

Answer 1

为所有选择框和选择框中的每个更改设置相同的类名，运行函数并运行所有选定的函数，以获得所有选定的值，如下所示

​

       dropdown1 ='';
        dropdown2 ='';
         dropdown3 ='';

      $('.qm_SELECT_sel').change(function(){
   
      // $all_drop_down_values =[];


  $('.qm_SELECT_sel option:selected').each(function(){ 
    
    if($(this).val()!='' &&  $(this).attr('name')=='dropdown1')
      {
         dropdown1 =$(this).val();
 
      }
      if($(this).val()!='' &&  $(this).attr('name')=='dropdown2')
      {
         dropdown2 =$(this).val();
 
      }
       if($(this).val()!='' &&  $(this).attr('name')=='dropdown3')
      {
         dropdown3 =$(this).val();
 
      }
   }); 
    
     if(dropdown1!='' && dropdown3 !='' && dropdown3 !='')
      {
           $.ajax({ 
              url: 'your_destination_page.php',
             type:'POST',
             data:{dropdown1:dropdown1,dropdown2:dropdown2,dropdown3:dropdown3},
            success:function(data)
            {
                 alert("hi");
             }
            
            
           });
      }
   
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select name="dropdown1"  class="qm_SELECT_sel">
      <option value=""  >select 1 </option>
       <option value="1" >1 </option>
       <option value="2" >2</option>
      </select>

    <select name="dropdown2" class="qm_SELECT_sel" >
      <option value="" >select 2 </option>
       <option value="1" >1 </option>
       <option value="2" >2</option>
      </select>

     <select name="dropdown3" class="qm_SELECT_sel" >
      <option value="" >select 2 </option>
       <option value="1" >1 </option>
       <option value="2" >2</option>
      </select>

​