ajax3-4作业下拉列表

来源:3-4 作业题

qq_浅仓小星_0

2018-09-10 11:46:45

http://img.mukewang.com/climg/5b95e8d40001263a08160574.jpg老师,这提交问题好像不行了,我粘贴代码就重新刷新页面,请反馈下这个问题,还有就是我这代码是不是不行,下拉列表出不来

写回答

3回答

好帮手慕星星

2018-09-11

参考:建议使用if条件来判断,如果使用switch条件,符合一个条件之后,break跳出,在each没有停止的情况下,会再次进入switch条件,参考:

http://img.mukewang.com/climg/5b97353a0001d3c811320346.jpg

自己测试下。

0

好帮手慕星星

2018-09-10

http://img.mukewang.com/climg/5b963e4900017f5d07610128.jpg

获取输入框的内容要放在ajax函数里面哦,这样点击按钮的时候才能获取到。虽然下拉框显示出来了,但是里面的内容是不匹配的哦,参考:

http://img.mukewang.com/climg/5b9641d00001607109630649.jpg

自己测试下,祝学习愉快~~

0
hq_浅仓小星_0
h 下拉框和匹配的内容都出来了,就是我输入鞋的时候音速3下面Suggests里面的那句话也出来了,这个怎么解决,还有就是能不能在我的源码上做修改呀,您的代码我不太看得懂
h018-09-10
共1条回复

好帮手慕星星

2018-09-10

是粘贴代码的时候刷新页面,还是粘贴代码之后点击保存刷新页面呢。经过这边测试,粘贴代码点击提问是没有问题的哦,自己可以重新提问测试一下。如果没有问题,就将你的代码代码粘贴过来,方便为你测试哦。祝学习愉快!

0
hq_浅仓小星_0
h $(function(){ $(".header-search").find("button").on("click",ajax); var search=$(".header-search-input").val(); function ajax(search){ $.ajax({ type:"GET", url:"search.json", data:{ Query:$(".header-search-input").val() }, dataType:"json", success:function(data){ $.each(data,function(index,element){ $.each(element,function(index2,element2){ switch(search){ case "鞋": $(".list").show(); $.each(element2.Results[0].Suggests,function(index3,element3){ $(".list").append($("<li></li>").text(element3.Txt)) }); break; case "音速3": $(".list").show(); $.each(element2.Results[0].Suggests,function(index3,element3){ $(".list").append($("<li></li>").text(element3.Txt)) }); break; } }) }) } }) } })
h018-09-10
共1条回复

0 学习 · 4826 问题

查看课程