php如何实现下拉框选中搜索功能

php如何实现下拉框选中搜索功能,第1张

这种功能主要属于前端范筹,和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:'getsubcatephpbigcate=1',

dataType:'JSON',

success:function(json){

consolelog(jsonresult);

//此处将result数组拼接成html放入第二个选择框

}

});

获取列表的 *** 作类似。

另外,如果对这种动态页面感兴趣的话,可以学习下Vue或React 这些前端框架。只需专注数据,不需要处理html

这个请求是有的 ,在firebug的网络一栏里可以看到

地址类似下面这样 中间的wd 是关键词

suggestionbaiducom/suwd=111&cb=windowbdsugsug&from=superpage&t=1335581987353

返回的是他们自己定义的文件,里面是json格式的数据

windowbdsugsug({q:"111",p:false,s:["11185","1111","11185快递查询","11183","111届广交会","1111小游戏","11185是什么号码","1117","111路公交车路线","1114"]});

用jquery也可以实现那样的效果,就是输入框有变化的时候发送一个ajax请求,然后返回一些数据,网上例子很多,你可以自己百度一下

<select name="xingming">

<option value="<php echo $row['name'];>" ><php echo $row['name'];></option>

</select >

应该这么写才能$_POST['xingming']到值

以上就是关于php如何实现下拉框选中搜索功能全部的内容,包括:php如何实现下拉框选中搜索功能、php提取百度下拉框内容、PHP 下拉菜单读取数据库等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9502490.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存