重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这种功能主要属于前端范筹,和php关联不大。
创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站设计、网站建设、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的诸暨网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
思路是用js实现,绑定选择框的change事件,然后ajax获取第二个选择框的列表。
当第二个选择框触发change事件,就ajax加载列表,把相关的参数传到后端,获取数据后再输出到页面。
推荐使用jQuery库,它的html处理,和ajax都很方便新人上手。
关键点:后端需要配合输出json格式数据,方便解析.
如:
$subcates=[
['id'=1,'name'='aaa'],
['id'=2,'name'='bbb'],
];
echo json_encode([ 'code'=1,'result'=$subcate ],JSON_UNESCAPED_UNICODE);
前端jQuery获取数据
$.ajax({
url:'getsubcate.php?bigcate=1',
dataType:'JSON',
success:function(json){
console.log(json.result);
//此处将result数组拼接成html放入第二个选择框
}
});
获取列表的操作类似。
另外,如果对这种动态页面感兴趣的话,可以学习下Vue或React 这些前端框架。只需专注数据,不需要处理html.
例子代码如下:
mysql_connect();//地址、用户、密码
$sql='select username from db.user';
if ($res=mysql_query($sql)){
$options='';
while(list($u)=mysql_fetch_row($res)) $options.='option'.$u;
mysql_free_result($res);
}else $options='option数据库查询出错SQL=$sql Error=".mysql_error();
mysql_close();
echo "select$options/select";
要使用AJAX了,
菜单联动就可以了;
参考如下:
?php
//require_once('conn.php'); //写个连接数据库的文件 每次包含一下就行了, 而且要写在最上面。
$con = mysql_connect("localhost","root","***");
?
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title无标题文档/title
/head
body
select
option-请选择-/option
?php
$sql="select CID from course2";
$result=mysql_query($sql);
while($row=mysql_fetch_assoc($result)){
?
option value="$row['CID']"?php echo $row['CID'] ?/option //这个值要用php的方法取出来
?php
}
?
/select
/body
/html
假设5条在一个数组$items里面,
$selectList = 'select name="selList"';
foreach ($item in $items) {
$selectList .= 'option value="$item-name"$item-name;option';
}
$selectList .= '/select';
echo $selectList;
$item-name是数据库里面数据的字段名name所对应的值。