js select 控制实现代码
<select id=test11 size=5 style="width:50px"></select>
<select id="test" style="width:50px"></select>
<button onclick='test[test.length]=new Option("1","12");'>同时添加text和value</button>
<button onclick='test.insertBefore(document.createElement("option")).innerText="2";'>对text操作</button> <button onclick='test.appendChild(document.createElement("option")).setAttribute("value","3");'>对value操作</button>
<button onclick="alert(test.outerHTML)">view</button>
<button onclick="test.removeChild(test.children[0])">del1</button>
<button onclick="test.firstChild.removeNode()">del2</button>
<button onclick="test[0]=null">del3</button>
效果演示:
同时添加text和value
对text操作
对value操作
view
del1
del2
del3
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
js select 控制实现代码
实现代码: 复制代码 代码如下: <select id=test11 size=5 style="width:50px"></select> <select id="test" style="width:50px"></select> <button onclick='test[test.length]=new Option("1","12");'>
-
js select常用操作控制代码
// 1.判断select选项中 是否存在Value="paraValue"的Item function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false; for (var i = 0; i < objSelect.options.length; i++) { if (objSelect.options[i].value == objItemValue) { isExit = true; break
-
JS 无限级 Select效果实现代码(json格式)
演示地址: http://demo.jb51.net/js/2011/js_select/index.htm数据 复制代码 代码如下: var data=[ {id:1,name:"前端开发",pid:0}, {id:2,name:"CSS",pid:1}, {id:3,name:"JS",pid:1}, {id:4,name:"HTML",pid:1}, {id:5,name:"数据库",pid:0},
-
通过BootStrap-select插件 js jQuery控制select属性变化
bootstrap-select我想大家都不陌生是一个前端下拉框的插件非常好用,在select的标签中设置属性可以做很多功能控制,不过初始化之后怎么去修改网上找遍中文英文也没有一个交代自己研究好久研究出来了,当然有的人会干掉重新生成那样太low,我决定来填补这个空白. js控制select属性变化其实很简单,并不需要 $('#goodsNames').selectpicker('render'); $('#goodsNames').selectpicker('refresh'); 来重新渲染只用
-
js select多选列表传值代码
js select /*移除左边选中的列表项到右边*/ function fMoveSelectedOptionsLeftToRight(oLeft,oRight) { if(!(oLeft&&oRight)) { return; } if(!hasOptions(oLeft)) { return; } if(oLeft.selectedIndex==-1) { oLeft.selectedIndex=0; } for(var i=0;i0) { oSelect.remove(ops.le
-
JS滚轮控制图片缩放大小和拖动的实例代码
具体代码如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .dragAble { position: relative; cursor: move; } .img-con { position: relative; width: 71
-
JS实现控制表格内指定单元格内容对齐的方法
本文实例讲述了JS实现控制表格内指定单元格内容对齐的方法.分享给大家供大家参考.具体如下: 下面的代码控制表格单元格的内容向右对齐 <!DOCTYPE html> <html> <head> <script> function alignCell() { document.getElementById('td1').align="right"; } </script> </head> <body> &l
-
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
页面滚动动态加载数据,页面下拉自动加载内容 相信很多人都见过瀑布流图片布局,那些图片是动态加载出来的,效果很好,对服务器的压力相对来说也小了很多 有手机的相信都见过这样的效果:进入qq空间,向下拉动空间,到底部时,会动态加载剩余的说说或者是日志 今天我们就来看看他们的实现思路和js控制动态加载的代码 下面的代码主要是控制滚动条下拉时的加载事件的 在下面代码说明出,写上你的操作即可,无论是加载图片还是加载记录数据 都可以 别忘了引用jquery类库 $(window).scroll(functi
-
JS实现控制表格行文本对齐的方法
本文实例讲述了JS实现控制表格行文本对齐的方法.分享给大家供大家参考.具体如下: 下面的JS代码可以控制表格内的整行文本向左或者向右对齐 <!DOCTYPE html> <html> <head> <script> function leftAlign() { document.getElementById('header').align="left"; } </script> </head> <body&g
-
js实现微信分享代码
通常自己做的一个页面想通过微信像朋友分享时,展示的标题和描述都是不是自己想要的,自己查了一些资料,原来是通过js来进行控制 展示效果如下: 标题.描述.还有分享的图片都是有js来控制的. js代码如下 <script> var dataForWeixin = { appId: "", MsgImg: "Christmas/201012189457639.gif",//显示图片 TLImg: "Christmas/201012189457639.
随机推荐
- 获得所有表单值的JQuery实现代码[IE暂不支持]
- 在VirtualBox上安装CentOS7(图文步骤)
- JavaScript 创建随机数和随机图片
- html5+javascript实现简单上传的注意细节
- 前端分页功能的实现以及原理(jQuery)
- jsTree树控件(基于jQuery, 超强悍)[推荐]
- Python中%r和%s的详解及区别
- python发送邮件功能实现代码
- 利用PHP制作简单的内容采集器的代码
- js简单获取表单中单选按钮值的方法
- JAVA TIMER简单用法学习
- 简单的Ruby中的Socket编程教程
- routeros的安装心得——ros双线负载均衡
- Jquery 模拟用户点击超链接或者按钮的方法
- 自制基于jQuery的智能提示插件一枚
- jQuery中fadeOut()方法用法实例
- js控制多图左右滚动切换效果代码分享
- 如何辨别二手返修板卡
- 黑客如何利用Ms05002溢出找“肉鸡” (图)
- 解析C++编程中如何使用设计模式中的状态模式结构