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