<script> window.onload = function() { var oBtn = document.getElementsByTagName('input')[0]; var oUl = document.getElementsByTagName('ul')[0]; var aLi = oUl.getElementsByTagName('li'); oBtn.onclick = function() { // oUl.style.display = 'block'; // 这里…
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> <meta name="…
Dropdown.js 前言 在SPA(Single Page Application)盛行的时代,jQuery插件的轮子正在减少,由于我厂有需求而开发了这个插件.如果觉得本文对您有帮助,请给个赞,以表对我的鼓励和支持.(๑•ᴗ•๑)如果觉得有什么问题,可以到 Github 提Issue,欢迎大家提意见~ 介绍 Dropdown是面向PC端的基于jQuery开发的轻量级下拉框插件,支持key/value搜索,有token和select两种模式. 版本 1.0.0 支持 Internet Expl…
在对FR控件进行二次开发的过程中,需要自定义样式,比如下拉框控件带有自动检索的功能,但是又希望它的显示样式如同文本框一样,这时就需要隐藏多余的部分. 在对在线文档的查阅中可以发现很多选择器适用于多种控件,所以事先通过FR提供的选择器进行更改css,但是,在测试的过程中,发现其对下拉框根本不管用,只对文本框可用(其实对更改样式并不难,只需要在浏览器中审查元素,就可以明白对于控件的选择器名称,然后再对其样式进行更改). 对于选择器.fr-texteditor: 两种方式导入CSS,通过外部文件引入,…
方法:获取多选下拉框对象数组→循环判断option选项的selected属性(true为选中,false为未选中)→使用value属性取出选中项的值.实例演示如下: 1.HTML结构 1 2 3 4 5 6 7 <select id="test" multiple="true">     <option value="option-A">option-A</option>       <option va…
本篇以百度设置下拉选项框为案例,详细介绍select下拉框相关的操作方法. 一.认识select    1.打开百度-设置-搜索设置界面,如下图所示 2.箭头所指位置,就是select选项框,打开页面元素定位,下方红色框框区域,可以看到select标签属性:<select id="nr" name="NR">    3.选项有三个<option selected="" value="10">每页显示10…
移动应用开发中有这么一种场景,就是在列表中显示的数据刷新,有点击刷新按钮刷新的,也有现在最流行的由Twitter首先推出的下拉刷新功能,在IOS中,使用下拉刷新更新UITableView中的数据也用的非常多,最典型的就是新浪微博的客户端,使用下拉的形式来更新最新的微博信息. 在Android开发中,有相应的开源项目来实现下拉刷新,这里主要讲如何在IOS中实现下拉刷新的功能,我们用到一个EGOTableViewPullRefresh的开源项目来实现这个功能,收先到这里下载源码,下载完成后里面有个D…
练习地址:http://www.fgm.cc/learn/lesson2/12.html 总结: 1.  && 运算符,从左向右依次执行,如果遇到 false,就不再继续执行后面的语句. 相当于if(oInput[i].checked) {n++;} oInput[i].checked && n++ 2. n == oInput.length - 1;   这句话先判断 n是不是等于oInput.length - 1  (即checkbox全都选中了)? 返回值 true/…
<style> *{ margin: 0;padding: 0; list-style: none; } body{ background: black; } .outer{ margin: 10px auto; border: 1px solid white; border-radius: 6px; background-color: white; width: 200px; padding: 8px 6px 6px 8px; } .outer>ul{ overflow: hidden…
练习地址:http://www.fgm.cc/learn/lesson2/05.html <script> window.onload = function(){ var oDiv = document.getElementById('div1'); // var oInput1 = document.getElementsByTagName('input')[0].value; // var oInput2 = document.getElementsByTagName('input')[1…