zyz
- 浏览: 24220 次
- 性别:
- 来自: 上海
-
最新评论
<html>
<head>
<title>js操作select实例</title>
</head>
<script>
/*主要介绍js动态操作select各种方法，也可以实现左右分栏的功能*/
/
function removeItem(sel_source)
{
var selobj=document.getElementById("yixuan");
var i=0;
var length = selobj.options.length;
while(i<length)
{
var op = selobj.options[i];
var index =op.index;
alert(op.innerHTML)
if(op.selected)
{
//document.getElementById("yixuan").options.remove(index);
//op.remove();
i--;
}
i++;
length = selobj.options.length;
}
}
/*添加option属性*/
function add()
{
var selobj=document.getElementById("yixuan");
var varItem = new Option("123","yierdan"); /*显示值、真实值*/
selobj.options.add(varItem);
}
/*清空select中的数据*/
function qingkong()
{
var selobj=document.getElementById("yixuan");
selobj.options.length=0;
}
</script>
</head>
<body>
<input type="button" value="添加" onclick="add()">
<input type="button" value="移除" onclick="removeItem(yixuan)">
<input type="button" value="清空" onclick="qingkong(yixuan)">
<select name="yixuan" id="yixuan" multiple style="width:300;height:600">
<option value="1">数据1</option>
<option value="2">数据2</option>
<option value="3">数据3</option>
<option value="4">数据4</option>
<option value="5">数据5</option>
</select>
</body>
</html>
<head>
<title>js操作select实例</title>
</head>
<script>
/*主要介绍js动态操作select各种方法，也可以实现左右分栏的功能*/
/
function removeItem(sel_source)
{
var selobj=document.getElementById("yixuan");
var i=0;
var length = selobj.options.length;
while(i<length)
{
var op = selobj.options[i];
var index =op.index;
alert(op.innerHTML)
if(op.selected)
{
//document.getElementById("yixuan").options.remove(index);
//op.remove();
i--;
}
i++;
length = selobj.options.length;
}
}
/*添加option属性*/
function add()
{
var selobj=document.getElementById("yixuan");
var varItem = new Option("123","yierdan"); /*显示值、真实值*/
selobj.options.add(varItem);
}
/*清空select中的数据*/
function qingkong()
{
var selobj=document.getElementById("yixuan");
selobj.options.length=0;
}
</script>
</head>
<body>
<input type="button" value="添加" onclick="add()">
<input type="button" value="移除" onclick="removeItem(yixuan)">
<input type="button" value="清空" onclick="qingkong(yixuan)">
<select name="yixuan" id="yixuan" multiple style="width:300;height:600">
<option value="1">数据1</option>
<option value="2">数据2</option>
<option value="3">数据3</option>
<option value="4">数据4</option>
<option value="5">数据5</option>
</select>
</body>
</html>
分享到：
发表评论
-
monit
2015-07-19 15:51 0http://blog.csdn.net/coolboylai ... -
monit linux监控
2015-07-19 14:03 319English | VPS常用软件下载 ... -
JAVA 持久层三种查询方式
2015-01-04 09:56 396Java JPA有三种查询方式： 1）JPQL 2）Crite ... -
apache2.2设置最大连接数
2014-09-09 10:39 786Apache的最大连接数，默认为256个。 修改ap ... -
linux启动oracle
2014-06-18 12:59 369http://www.360doc.com/content/1 ... -
linux下升级openssh
2013-10-22 19:27 1476查询是否安装telnet # rpm -qa | grep ... -
javascript:history.go()和History.back()的区别
2013-10-09 16:13 669javascript:history.go()和History ... -
struts2中各个jar包的作用
2013-09-13 09:19 628struts2 jar包说明 commons-logging- ... -
js实现javaMap对象
2013-08-22 08:38 524<script> /*js实现map功能*/ f ... -
input中的事件及方法
2013-07-18 16:50 0input text 的事件及方法 ... -
js循环删除表格
2013-06-07 10:37 690由于表格的总条数会随着表格的删除动态改变，因此不能使用传统的f ... -
web.xm文件的作用
2013-03-18 12:11 771web工程中的web.xml文件有 ... -
myeclipse修改cvs链接地址
2013-02-18 10:23 2237由于服务器IP的地址的变更，在eclipse中要进行更改仓库的 ... -
模态窗口使用介绍
2013-01-06 15:46 572打开模态窗口 window.showModalDialog(u ... -
js操作表格的方法介绍
2012-12-07 13:44 942在web开发中使用js动态生成表格的情况非常普遍，现对常用的方 ... -
js设置DIV属性
2012-12-05 08:42 662//控制内容 function settex ... -
document.getElementsByTagName()方法摘要
2012-09-07 18:01 634document.getElementsByTagName() ... -
设计select语句时影响效率查询的15个情况
2012-08-27 16:20 817没有创建索引，或者没有正确使用索引； 存在死锁的情况，从而导 ... -
web.xml配置文件详解
2011-12-26 11:15 5801 定义头和根元素 ... -
struts2文件上传最大值配置
2011-12-02 16:58 629使用Struts2的文件上传控 ...
相关推荐
<select id=university> 北京大学>北京大学 ...1.获取select对象； var university=document.getElementById(university); 2.获取select选中option的index值； var index=university.selectedIndex;
JS中的常用对象[转载]web 技术 2010-06-05 15:00:30 阅读3 评论0 字号：大中小 订阅 [removed] Window For JavaScript 熟练window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、...
javascript操作Select标记中options集合 先来看看options集合的这几个方法： options.add(option)方法向集合里添加一项option对象； options.remove(index)方法移除options集合中的指定项； options(index)或options...
1.动态创建select 代码如下: function createSelect(){ var mySelect = document.createElement_x(“select”); mySelect.id = “mySelect”; document.body.appendChild(mySelect); } 2.添加选项option 代码如下: ...
用于操作 Select 组件的插件 这个 jQuery 插件允许操作 HTML 选择组件，这将在一些非常繁琐的任务中为... 我们的JS $.select.setValue("idSelect", "febrero); 我们的 HTML <select id="idSelect" name="nameSa
1.动态创建select 代码如下: function createSelect(){ var mySelect = document.createElement_x(“select”); mySelect.id = “mySelect”;... //根据id查找对象， var obj=document.getElementByIdx_x(
（1）For...In 声明用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。 - 2 - （2）. 事件是可以被 JavaScript 侦测到的行为。 - 4 - （3）try...catch 的作用是测试代码中的错误。 - 5 - （4）。...
11.32 JavaScript 操作层 第12 章 字符串对象 12.33 转 义 字 符 12.34 字符串对象的属性 12.35 字符串对象的方法 第13 章 日期对象 13.36 时间对象的属性 13.37 时间对象的设置 第14 章 数 学 对 象 14.38 math ...
内含： JavaScript语言参考手册.pdf (主要资源) 另外附上： ...netscape.javascript.JSObject 方法和静态方法 netscape.javascript.JSException 构造函数 netscape.plugin.Plugin 构造函数和方法 索引
8.24 select 对象 8.25 隐含对象 第9 章 location 对象. 9.26 hash 属性 9.27 Href 属性 9.28 pathname 属性 9.29 Protocol 属性 第10 章 history 对象 第11 章 layer 对象. 11.30 layer 属性. 11.31 layer...
// 支持动态url,传入参数为当前操作的td对象 dataUrl : function(me){ pre = me; while(pre.tagName.toLowerCase() != "td"){ pre = pre.parentNode; } pre = BaseJs.element.prev...
主要介绍了JavaScript实现将数组数据添加到Select下拉框的方法,涉及javascript数组操作及页面元素动态赋值的相关技巧,需要的朋友可以参考下
【下一章】 【索引】 【这是目录】 ---------------------------------------...netscape.javascript.JSObject 方法和静态方法 netscape.javascript.JSException 构造函数 netscape.plugin.Plugin 构造函数和方法
javascript对它们的操作 一、基础理解 代码如下: var e = document.getElementById(“selectId”); e. options= new Option(“文本”,”值”) ; //创建一个option对象,即在<select>标签中创建一个或多个”值...
代码如下: <SELECT NAME=”aaa” SIZE=”” style=”width:200px” > ””>(空)</OPTION> ”1″>1</OPTION> <... //创建新的Option对象 new Option(text,value) new option(text,value,defaultSelected,
自己常用的js库和写的一个交互型可编辑表格: new BaseJs.EditTable({ // 表对象 table : BaseJs.$("tab"), // 从第几行第几列开始可编辑 start : [2, 1], // 到哪一行哪一列结束编辑 不写默认所有,写一个...
String sql="select user(),now()";//定义数据库操作 ResultSet rs=stmt.executeQuery(sql);//执行操作返回结果 while (rs.next()){ out.print("sqluser:"+rs.getString(1)+" "); out.print("nowtime:"+rs...
15.4.svg 使用JavaScript操作SVG。 Calculate.java 计算浮点数运算结果的Applet。 Calculate.class Calculate.java的字节码文件。 Calculate1.java 计算浮点数运算结果并调用页面中JavaScript函数的...
2.5.1 为什么需要JavaScript日志对象 2.5.2 myLogger（）对象 2.6 小结 第3章 DOM2核心和DOM2 HTML 3.1 DOM不是JavaScript，它是文档 3.2 DOM的级别 3.2.1 DOM 0 级 3.2.2 ...