一、本次主要是完成四、五、六稿的需求更改
1、关键字:(1-5个) 五个文本框(只能逐个顺序录入)
2、所在地域:十一个地市和2个直辖县
3、还有就是一些页面格式细节调整的要求
二、具体实现
1、第一个我用的方法比较麻烦
弄五个输入框,开始先把四个隐藏起来,第一个框有东西就把第二个显示出来,依次类推
$(".keyword2").hide(); $(".keyword3").hide(); $(".keyword4").hide(); $(".keyword5").hide(); $(".keyword").bind('input propertychange',function () { var summary=$(this).val(); if($(this).val()!=null) {$(".keyword2").show();} }); $(".keyword2").bind('input propertychange',function () { var summary=$(this).val(); if($(this).val()!=null) {$(".keyword3").show();} }); $(".keyword3").bind('input propertychange',function () { var summary=$(this).val(); if($(this).val()!=null) {$(".keyword4").show();} }); $(".keyword4").bind('input propertychange',function () { var summary=$(this).val(); if($(this).val()!=null) {$(".keyword5").show();} });
2、所在地域
<div style="float: right;"> <label class="layui-form-label" style="font-size: 16px">*所在地域</label> <div class="layui-input-inline"> <select name="saddress" lay-verify="required" lay-verType="alert" lay-search> <option value="">请选择一个城市</option> <option value="北京">北京</option> <option value="上海">上海</option> <option value="石家庄市">石家庄市</option> <option value="唐山市">唐山市</option> <option value="秦皇岛市">秦皇岛市</option> <option value="邯郸市">邯郸市</option> <option value="邢台市">邢台市</option> </select> </div> </div>