宝哥软件园

JS实现微信弹出搜索框多条件查询功能

编辑:宝哥软件园 来源:互联网 时间:2021-09-06

效果图如下所示:

射流研究…实现微信弹出搜索框多条件查询功能的实现代码如下所示:

!-% @页面语言=' Java '导入=' Java '。乌提尔。* "页面编码=' utf-8 ' % % % @ include file='/WEB-INF/view/include/MTA glib。JSP“%-!DOCTYPE htmlhtmlhearteta charset=' utf-8 '/meta name=' apple-mobile-web-app-ability ' Content=' yes '/meta http-equiv=' Content-type ' name=' viewport ' Content=' initial-scale=1.0,maximum-scale=1.0,user-scalable=no,width=device-width ' meta name=' apple-mobile-web-app-状态栏-style ' Content=' black '/meta Content=' phone=no ' name=' format-detection ' title百望云票/titlelink rel='样式表href=' CSS/weui。量滴CSS ' link rel='样式表href=' CSS/example。CSS ' script src=' http : js/jquery-1。11 .1 .量滴js '/脚本脚本类型=' text/JavaScript '/脚本样式# kong zhi { position : relative;左侧:-20px;top :-30px;} .weui-dialog { width : 400 px;高度: 315px}。weui-cell__bd输入{ width: 150px}/style/head dy!-内容-div id=' container ' class=' container ' div class=' page input js _ show ' div class=' page _ _ HD '/div div class=' page _ _ BD ' div class=' weui-cell _ _ ft ' a href=' JavaScript :'class='showIOSDialog2 '点我弹出搜索框点我点我/a/div/div/-弹出层begin-div id=' dialogs ' div class=' js _ dialog ' id=' IOs dialog 2 ' style=' opa city 3360 1;显示器:无div class=' weui-mask '/div div class=' weui-dialog ' div class=' weui-dialog _ _ BD ' div id=' kongzhi ' div class=' weui-cell ' div class=' weui-cell _ _ HD ' label class=' weui-label '发票代码:/label/div class=' weui-cell _ _ BD ' input class=' weui-input ' placeholder='输入发票代码./div/div class=' weui-cell ' div class=' weui-cell _ _ HD ' label class=' weui-label '发票号码:/label/div class=' weui-cell _ _ BD ' input class=' weui-input ' placeholder='输入发票号码.'/div/div class=' weui-cell ' div class=' weui-cell _ _ HD ' label class=' weui-label '买方名称:/label/div class=' weui-cell _ _ BD ' input class=' weui-input ' placeholder='购买方名称./div/div class=' weui-cell ' div class=' weui-cell _ _ HD '标签为=' class=' weui-label '开始日期:/label/div class=' weui-cell _ _ BD ' input class=' weui-input ' type=' date ' value=' '/div/div class=' weui-cell ' div class=' weui-cell _ _ HD ' label for=' class=' weui-label '结束日期:/label/div class=' weui-cell _ _ BD '输入类=weui-input ' type=' date ' value=' '/div/div class=' weui-dialog _ _ ft ' a href=' JavaScript : class=' weui-dialog _ _ BTN weui-dialog _ _ BTN _ default '取消/a a href=' JAVAScript :class=' weui-dialog _ _ BTN weui-dialog _ _ BTN _ primary '确认/a/div/div/-弹出层end-/div/div/body脚本类型=' text/JavaScript ' class=' dialog js _ show ' $(function(){ var $ IOs dialog 2=$(' # IOs dialog 2 ');$(“# dialog”).打开('点击','。weui-dialog__btn ',function(){ $(this).父母('。js _ dialog’).淡出(200);});$(.showios对话框2’).on('click '),function(){ $ IOsdalog 2。法丁(200);});});/script/html以上所述是小编给大家介绍的射流研究…实现微信弹出搜索框多条件查询功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

更多资讯
游戏推荐
更多+