zoukankan      html  css  js  c++  java
  • day6 需求更改

    一、本次主要是完成四、五、六稿的需求更改

    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>
  • 相关阅读:
    C# 使用HtmlAgilityPack抓取网页信息
    企业微信开发之向员工付款(C#)
    企业微信开发之发放企业红包(C#)
    body-parser的使用
    NodeJs的express服务器报413 payload too large错误
    'nuxt' 不是内部或外部命令,也不是可运行的程序
    Linux node使用npm成功安装命令后,执行时却报找不到命令的问题
    npm查看全局安装了那些包的命令
    JS中==与===的区别
    JS事件流理解
  • 原文地址:https://www.cnblogs.com/chenaiiu/p/13875696.html
Copyright © 2011-2022 走看看