Javascript Jquery,php-autocomplete-在查询中为搜索变量传递附加变量

Javascript Jquery,php-autocomplete-在查询中为搜索变量传递附加变量,javascript,php,jquery,autocomplete,Javascript,Php,Jquery,Autocomplete,这是我的第一页,我需要先按国家过滤我的自动完成。到目前为止,我的过滤器仅以公司名称命名 [索引页] <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/minified/jquery-ui.min.css" type="text/css" /> <?php //query get countries $sql_getCountri

这是我的第一页,我需要先按国家过滤我的自动完成。到目前为止,我的过滤器仅以公司名称命名

[索引页]

    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/minified/jquery-ui.min.css" type="text/css" /> 

<?php 
//query get countries
$sql_getCountries = $db->query('SELECT * FROM tb_country ORDER BY id ASC');


          <select name="f_country_id" class="form-control" id="f_country_id">
            <option value="?cid=0&code=0" >-- Select Country --</option>
            <?php
                while($country = $sql_getCountries->fetch_assoc()){
                    echo '<option ';
                    if($country['id'] == $_GET['cid']){
                        echo ' selected ';
                    }
                    echo 'value="?cid='.$country['id'].'&code='.$country['d_code_country_letter'].'">'.$country['d_name'].'</option>';
                }           
            ?>
          </select>

?>
<script>
    $(function(){
      // bind change event to select
      $('#f_country_id').on('change', function () {
          var url = $(this).val(); // get selected value
          if (url) { // require a URL
              window.location = url; // redirect
          }
          return false;
      });
    });
</script>

      <hr>

<input type='text' name='d_name' value='' class='auto form-control' id="d_name"  placeholder="Name of Company/Establishment" >


    <!--- start here Autoload ////////// --->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/ui/1.10.1/jquery-ui.min.js"></script>    
    <script type="text/javascript">
    $(function() {

        //autocomplete
        $(".auto").autocomplete({
            source: "auto_search.php" ,
            //minLength: 1
        });             

    });
    </script>
    <!--- End here Autoload Scripts ////////// --->

?>
$(函数(){
//绑定要选择的更改事件
$('f#u country_id')。on('change',function(){
var url=$(this).val();//获取所选值
if(url){//需要一个url
window.location=url;//重定向
}
返回false;
});
});

$(函数(){ //自动完成 $(“.auto”).autocomplete({ 来源:“auto_search.php”, //最小长度:1 }); });
============================ 自动搜索页面:页面进行筛选的页面

<?php 
    $stmt = $conn->prepare("SELECT a.* FROM tb_company_establishment a  WHERE a.d_name LIKE :term");
        $stmt->execute(array('term' => '%'.$_GET['term'].'%'));

        while($row = $stmt->fetch()) {
            $return_arr[] =  $row['d_name'];
        }

    } catch(PDOException $e) {
        echo 'ERROR: ' . $e->getMessage();
    }


    /* Toss back results as json encoded array. */
    echo json_encode($return_arr);

?>

请帮助我在javascript上传递var,以便我可以在查询中使用它


非常感谢。

在索引页中,将选项值替换为country
id

// PHP
while($country = $sql_getCountries->fetch_assoc()){

    echo '<option value="'.$country['id'].'" ($country['id'] == $_GET['cid'] ? 'selected' : '')>'.$country['d_name'].'</option>';
}   

// Javascript
$('#f_country_id').on('change', function () {

  if ( this.value ) {

    $.get('{auto_search_url}', {countryId: this.value}, function(data) {
        console.log(data); // Display the data or reload the web page depends on how you want it
    });

  }

  return false;

});
//PHP
而($country=$sql\u getCountries->fetch\u assoc()){
回显“.$country['d_name']”;
}   
//Javascript
$('f#u country_id')。on('change',function(){
if(this.value){
$.get({auto\u search\u url}',{countryId:this.value},函数(数据){
console.log(data);//根据需要显示数据或重新加载网页
});
}
返回false;
});

他们的网站上有大量关于autocomplete插件的文档:您可以使用AJAX