小白求教，搜索框前加下拉框选择搜索条件

qq_24819577 2017-07-19 10:05:13

效果图

需求

小白不熟前端，求大神告知如何实现

...全文

396 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

qq_24819577 2017-07-19

打赏
举报

引用 3 楼 yanghaimingg 的回复:

html: <select name="" id="myType" onchange="changeMyType(this)" > <option id="type1" value="1" selected="selected">物料分类</option> <option id="type2" value="2" >中标物料</option> …… </select> <input placeholder="请输入……" id="queryKey" /> js: function changeMyType(scope){ var myType=$(scope).val(); if(myType==1){ $("#queryKey").attr("placeHolder","请输入物料提示"); }else if(myType==2){ $("#queryKey").attr("placeHolder","请输入不同的提示"); }else if(myType==2){ …… }else{ …… } } 类似这种，查询的方法自己写下吧，不会的多百度下，多练手

嗯啊谢谢

mtian2020 2017-07-19

打赏
举报

html: <select name="" id="myType" onchange="changeMyType(this)" > <option id="type1" value="1" selected="selected">物料分类</option> <option id="type2" value="2" >中标物料</option> …… </select> <input placeholder="请输入……" id="queryKey" /> js: function changeMyType(scope){ var myType=$(scope).val(); if(myType==1){ $("#queryKey").attr("placeHolder","请输入物料提示"); }else if(myType==2){ $("#queryKey").attr("placeHolder","请输入不同的提示"); }else if(myType==2){ …… }else{ …… } } 类似这种，查询的方法自己写下吧，不会的多百度下，多练手

qq_24819577 2017-07-19

打赏
举报

大佬能否给出示例代码，小弟在这万分感谢

mtian2020 2017-07-19

打赏
举报

1，页面上的处理，下拉框设置onchange事件，当改变选择时，根据当前下拉框选中项的id,变化右侧文本框的提示文字。 2，查询事件处理，根据当前选中的下拉框id，设值对应的查询关键字，其他未选中的类型可设值为空，将四个类型以及对应的值全部传给后台，后台判断值非空的为查询条件，若四个类型关键字都为空则默认查全部。