![](/img/trans.png)
[英]PHP AJAX update MySql query onChange from dropdown (filtering)
[英]Onchange dropdown values query resp. tables - with php , mysql , ajax , jquery
主要下拉菜單:
<select name="sometest">
<option value="1"> A </option>
<option value="2"> B </option>
<option value="3"> C </option>
<option value="4"> D </option>
<option value="5"> E </option>
</select>
現在在這里,當值1、2、3、4處於變化狀態時,它應該從table_1獲取其詳細信息,而當值5處於變化狀態時,則其詳細信息來自另一個具有field(name,size,title)的表_2。
請注意,table_1和table_2都具有相同的欄位字段名稱。
現在在改變后。 值,我得到另一個帶有下拉列表。 表查詢。
假設當我更改1或2或3或4值時,它將查詢具有字段名稱,大小,標題的table_1並將其在resp下拉部分下列出。
下拉列表:table_1中1,2,3,4的變化值
此處:coloumn“ name”所有值都列在name下,coloumn“ size”所有值都列在size下,而coloumn“ title”所有值都列在table_1的標題下
<select name="name">
<option value="n1"> Apple </option>
<option value="n2"> Boy </option>
<option value="n3"> Cat </option>
</select>
<select name="size">
<option value="12"> 0-1 </option>
<option value="21"> 1-1 </option>
</select>
<select name="title">
<option value="1"> whatever </option>
<option value="2"> same whatever </option>
</select>
類似地,當從Main下拉列表中選擇Value 5時,它將查詢table_2中的所有列字段並在resp下列出它。 落下
用戶ajax onchange選擇框傳遞選擇值
HTML
<select name="sometest" onchange="javascript:call_ajax_fun(this.value);">
<option value="1"> A </option>
<option value="2"> B </option>
<option value="3"> C </option>
<option value="4"> D </option>
<option value="5"> E </option>
</select>
JS Ajax函數
function call_ajax_fun(str)
{
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
var result = xmlhttp.responseText;
if(xmlhttp.responseText!='')
{
document.getElementById('your_result_div_id').innerHTML =result ;
// put your result in your div
}
}
}
var url="get_result.php?pas_val="str;
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
您得到的結果文件如下
get_result.php
<?php
if(isset($_REQUEST['pas_val']))
{
$pas_val = $_REQUEST['pas_val'];
if($pas_val<5)
{
$tbl = "table_1";
}
else
{
$tbl = "table_2";
}
// your table is in $tbl variable
// your your table here in your code
}
else
{
exit;
}
?>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.