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

Question

how to get id of selected item from two different drop down list. after comparing them if they were same then how to fetch a record from database without reloading a page using ajax and 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

You can call getValue() function (as described below) whenever a value changes in any of the dropdown.

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
 }
}