html+js+PHP(使用了smarty模板技术)+mysql实现二级动态下拉列表(select)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了html+js+PHP(使用了smarty模板技术)+mysql实现二级动态下拉列表(select),小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1921字,纯文字阅读大概需要3分钟。
内容图文
![html+js+PHP(使用了smarty模板技术)+mysql实现二级动态下拉列表(select)](/upload/InfoBanner/zyjiaocheng/203/e5bb17e633204b898ebbacb60eccc3e5.jpg)
目标
需要的是在选择第一个select下拉列表后,将选择的内容传送到PHP页面。在PHP页面中通过查询数库,得到第二个select需要显示的option的值,并在select中显示。
方案
1 利用ajax上传数据到PHP,由于利用了smarty模板技术,可以直接给模板中的变量赋值,这样就可以不用通过ajax接收返回值再经过处理输出了。
由于这个PHP页面没有包含在其他PHP页面里,是独立的。这样就造成无法赋值。
2 通过ajax接收返回值,这里的返回值就是以上数据库查询的结果。
通过json_encode()将其转化为json格式,然后输出。
js中将responseText字符串转化为json格式??JSON.parse()函数实现。
遍历数组,并添加option给select。
本次使用的是方案2
部分代码
JS代码:
function get_value(form){ var scid=sub_class.value;//运算类型号//---------------------------------------//使用ajax发送选中的运算类 var url = "query_subject.php?scid="+scid; xmlhttp.onreadystatechange = Content;// var url = "query_subject.php?"; xmlhttp.open("GET",url,true); xmlhttp.send(null);//--------------------------------------- function Content(){ if(xmlhttp.readyState==4){ if(xmlhttp.status==200){ var sel=document.getElementById("sub_name"); var rst=JSON.parse(xmlhttp.responseText);//将字符串转化为数组 for(var i=0; i<rst.length; i++){ var opt=document.createElement('option'); opt.value=rst[i].sid; opt.text=rst[i].s_name; try { sel.add(opt,null); // standards compliant } catch(ex) { sel.add(opt); // IE only } } } else{ alert("你请求的页面错误"); } } } }
?phpheader ( "Content-type: text/html; charset=UTF-8" ); //设置文件编码格式require_once("system/system.inc.php"); //包含配置文件$scid=$_GET['scid'];$rst=null;if($scid){ $sql="select sid, s_name from subject where scid='$scid'"; $rst=$admindb->ExecSQL($sql, $conn);}echo(json_encode($rst));?>
内容总结
以上是互联网集市为您收集整理的html+js+PHP(使用了smarty模板技术)+mysql实现二级动态下拉列表(select)全部内容,希望文章能够帮你解决html+js+PHP(使用了smarty模板技术)+mysql实现二级动态下拉列表(select)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。