Onchange下拉值查询resp。 表 – 使用php,mysql,ajax,jquery
主要下拉菜单:
A B C D E
现在,当值1,2,3,4处于变化状态时,它应该从table_1获取其详细信息,当值5处于变化状态时,其详细信息来自另一个带有字段(名称,大小,标题)的table_2。
请注意,table_1和table_2都具有相同的coloumn字段名称。
现在在改变之后。 价值我得到另一个下拉列表与resp。 表查询。
假设我在1或2或3或4值上进行了更改,然后查询table_1,其中包含字段名称,大小,标题并在resp下拉部分下列出它。
下拉列表:table_1的1,2,3,4的变化值
这里:coloumn“name”所有值都列在name下,coloumn“size”所有值都列在size和coloumn“title”下所有值都列在table_1的标题下
Apple Boy Cat 0-1 1-1 whatever same whatever
类似地,当从主下拉菜单中选择值5时,它会从表_2查询所有列字段并在resp下列出它。 落下
用户ajax onchange选择框传递select的值
HTML
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