介绍 & lt; script 类型=拔谋?javascript" https://www.yisu.com/zixun/, src=" jquery/jquery-1.9.1.min.js ">
<脚本type=" text/javascript”>
$(文档)时函数(){
. ajax({美元
类型:“获得”,
数据类型:“文本”,
url:“GetItemAction ? itemlevel=1”,
成功:功能(数据){//由JSON字符串转换为JSON对象
var objJSON=eval((" +数据+ "));
var len=objJSON.itemInfo.length;
var objSelect=. getelementbyid (“firstlevel”);
我(var=0; 0;我——){
objsecond.options.remove(我);
}//删除三级分类保留第一个
var objthird=. getelementbyid (“thirdlevel”);
(var=objthird.options.length-1;我> 0;我——){
objthird.options.remove(我);
}
. ajax({美元
类型:“获得”,
数据类型:“文本”,
url:“GetItemAction ? itemlevel=2 &itemcode=" + itemcode,
成功:功能(数据){//由JSON字符串转换为JSON对象
var objJSON=eval((" +数据+ "));
var len=objJSON.itemInfo.length;
var objSelect=. getelementbyid (“secondlevel”);
我(var=0; 0;我——){
objthird.options.remove(我);
}
. ajax({美元
类型:“获得”,
数据类型:“文本”,
url:“GetItemAction ? itemlevel=3 &itemcode=" + itemcode,
成功:功能(数据){//由JSON字符串转换为JSON对象
var objJSON=eval((" +数据+ "));
var len=objJSON.itemInfo.length;
var objSelect=. getelementbyid (“thirdlevel”);
我(var=0; & lt; table 类=皌able-exposure"比;
,& lt; tr>
,& lt; td 身高=?0“比;
,& lt; select id=癴irstlevel", onchange=癴irstlevel_Click()“,在
,& lt; option https://www.yisu.com/zixun/value=" 0 ">请选择事件大类>
<选择id=" secondlevel " onchange=" secondlevel_Click ()>
<选项值=" 0 ">请选择事件小类>
<选择id=" thirdlevel ">
<选项值=" 0 ">请选择事件类别>
这期内容当中小编将会给大家带来有关怎么在ajax中实现一个选择三级联动效果,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。
前端js代码如下:
部分html代码
上述就是小编为大家分享的怎么在ajax中实现一个选择三级联动效果了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注行业资讯频道。
