如何使用ajax从两个不同的下拉列表中获取每个选定项目的ID

Question

如何从两个不同的下拉列表中获取所选项目的ID。 比较它们是否相同后，如何在不使用ajax和php重新加载页面的情况下从数据库中获取记录。

<select name="bgnm" id="bg" class="demoInputBox" onChange="getState(this.value);">  <?php
     $dd_res=mysql_query("Select * from building");
     while($r=mysql_fetch_row($dd_res))
     { 
           echo "<option value='$r[0]'> $r[1] </option>";
     }

 ?> </select> 




 <select name="flat number" id="flat" onChange="getflat(this.value);"> <?php
     $dd_ress=mysql_query("Select * from building");
     while($r=mysql_fetch_row($dd_ress))
     { 
           echo "<option value='$r[2]'> $r[2] </option>";
     }
 ?>

Answer 1

每当值在任何下拉列表中更改时，您都可以调用getValue（）函数（如下所述）。

function getValue() {
var val1=$('bg').val();
var val2=$('flat').val();
if(val1==val2)
{            
     $.ajax({
            url: '{{ url("activeDomain") }}',
            type: 'get',
            //async:true,
            data: {
                id: val1
            },
            dataType: 'json',
            success: function(json) {

              //do whatever you wanted to do
            //you can easily manipulate DOM using jQuery
  },
            error : function(xhr, textStatus, errorThrown ) {
                //in case ajax call error
            }
        });
    }
  }
else{
  //you can send another ajax call
  //use code as above
 }
}