可靠的下拉菜单答案

【问题标题】：Dependable Drop Down Menus可靠的下拉菜单
【发布时间】：2017-02-16 07:19:42
【问题描述】：

使用 jquery、ajax 和 php 创建三个可靠的下拉菜单后。在我的下拉菜单已经被填充之后，例如当我在第一个下拉菜单中选择一个值时，第二个下拉菜单是基于第一个选择的值创建的，依此类推，当我选择一个值时，第三个下拉菜单在第二个下拉菜单中。现在如何再次完全捕获选定的值以对数据库执行进一步的查询。

【问题讨论】：

为所有选择框设置相同的类名并运行每个函数以获取所有选择的值，如 $('.qm_SELECT_sel').change(function(){ $('.qm_SELECT_sel 选项： selected').each(function(){ alert($(this).val()); }); });
请提供一个可验证的例子。
但是如何再次在php中捕获这些选定的值以对数据库执行进一步的查询。 – Nivin Sunathree 6 分钟前，因为我的下拉菜单已经使用数据库中的数据填充。现在我想完全捕获选定的值以对数据库执行进一步的查询 – Nivin Sunathree 6 秒前编辑
显示你的一些代码

标签： javascript php jquery ajax

【解决方案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>

【讨论】：

但是如何再次在php中捕获这些选定的值以对数据库执行进一步的查询。
因为我的下拉菜单已经使用数据库中的数据进行了填充。现在我想完全捕获选定的值以对数据库执行进一步的查询
您只需提交表单，它将以各自的名称发布数据，您将获得类似 $_POST['select_box_name1'];
不，我不能使用提交按钮，因为它会重新加载页面，我会丢失所有选定的值。我必须将它们保留在变量中直到最后。填充下拉菜单后，我想使用选定的值从数据库生成我的表。你有一个电子邮件地址让我把代码发给你。谢谢
\你能帮我处理 ajax 吗？