项目中有一个搜索框,每次聚焦就会出现如下图自动记忆框,遮挡了项目的搜索列表 差了很多资料想要去掉它,最后发现在input上加上autocomplete="off"就可以了!…
有三个select下拉框一个大类,两个小类隐藏,需要在选择大类的时候,小类显示同时清除另外的小类选择的项这需求有点儿.......... 下面是三个select: <select name="pWaqqqy" id="sel_type" onchange="selectFunction()"> <option value="">全部</option> <option value=&qu…
   功能点: 输入.下拉选择.根据输入内容模糊检索.键盘上下键选择 实现思路: 显示隐藏: input获取焦点显示,失去焦点隐藏 下拉选择: 以父元素为基准,通过绝对定位定位至input输入下方 模糊检索: 监听输入数据的变化,过滤符合要求的数据 键盘上下选择: 监听input的键盘事件,判断keycode值,再触发上下键时,动态计算滚动条滚动的距离 控制事件触发频率,采用函数节流 具体实现过程: 节流函数: function throttle(func, wait, options) {//…
ie上的下拉框下拉按钮真是太丑了,如何把他自定义一下呢? 首先,把浏览器自带的下拉框去掉:  select::-ms-expand { display: none; } 接下来,用自己喜欢的下拉图片去替换: select {            padding-right:20px;            color:#a7bce3;            appearance:none;            -moz-appearance:none;            -webkit-…
参考:jQuery树形控件zTree使用小结 需求 添加.修改的终端需要选择组织,组织是多级架构(树状图显示). 思路 1.因为下拉框需要树状图显示,所以排除使用select做下拉框,改用input 模拟下拉框 2.树状图采用zTree插件 开始 1.布局 <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <script src="https://…
要先选中这个弹出层的form元素,再找下拉框 public void downSelectBox(){ driver.get("https://www.imooc.com/user/setprofile"); driver.findElement(By.className("pull-right")).click(); try { Thread.sleep(2000); } catch (InterruptedException e) { // TODO Auto-…
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>案例测试</title> <link rel="stylesheet" href="css/all.css" /> <script type="text/javascript" src="js/jquery…
微信内置浏览器中,点击下拉框出现页面乱跳转现象(iphone) 前言: 这是小菜博客的第三篇文章.一直认为自己可以表达的东西太过简单,难以上台面,总是吝啬地不肯写.就算是写,也不知道从何开始.在同事的鼓励下,终于跨出了第一步.初期阶段,写文章不一定是非要给他人看,当作自己的学习笔记也是一个不错的选择.另外,在这几次的写作中发现,写技术博客本身也是需要一定的表达能力.好了,废话不多说,开始讲讲在项目中碰到的实际问题吧. 情景再现: 正当开心地收拾东西准备下班的时候,测试部的姑娘跑过来提了一个bug…
原文地址:struts2 jsp表单提交后保留表单中输入框中的值 下拉框select与input jsp页面 1     function dosearch() {2         if ($("#textValue").val() == "") {3                 $("#errortip").html("<font color='#FF0000'>请输入查询内容</font>")…
前台html页面 <html> <head> <meta name="viewport" content="width=device-width" /> <title>showOptions</title> <style type="text/css"> body { font-family: Microsoft YaHei; font-size: 14px; } ul li…