<script>
function delFromLast(){
var s=document.getElementById("a");
for(var i=s.options.length;i>=0;i--){
s.remove(i);//最后结果是option全部删除,
}
}
function delFromFirst(){
var s=document.getElementById("a");
for(var i=0;i<s.options.length;i++){
s.remove(i);//最后结果是留下2.4.6三项。因为remove(0)时,原来的1会放置到0的位置,后面的也逐个前移,然后remove(1)时,其实
//是remove的2.这里跟数组的结构有关,因为数组是不允许有洞的。
}
}
var oldOptions=null;
var oldOptionReal=new Array();
function add(){
var s=document.getElementById("a");
s.options.length=0;
alert(oldOptions.length);//此时为0,所以下面不会执行。此处可以发现对象是引用对象还是值对象。在C#中,数组中一般是保存了值对象,这样看来js中也是一///样,而java中数据则还是保存的引用。当然c#中可以显式的设置要保存引用还是值。
for(var i=0;i<oldOptions.length;i++){
s.add(oldOptions[i]);
}
}
function addReal(){
var s=document.getElementById("a");
s.options.length=0;
alert(oldOptionReal.length);//此时为6,所以下面顺利的将所有option再加入到select中
for(var i=0;i<oldOptionReal.length;i++){
alert(oldOptionReal[i].text);
s.add(oldOptionReal[i],4);//注意此处有兼容问题。
/*
IE: s.add(options[i]) 在最后面加入一个options
s.add(optons[i],null) 报错
Other:
s.add(options[i],null)在最后面加入一个options
s.add(options[i],2)都是在指定index上加入一个options.如果当前select的最大index比这个值小,取最大index。
*/
}
}
</script>
</HEAD>
<BODY>
<select id="a">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
</select>
<input onclick="delFromLast();" type="button"/>
<input onclick="delFromFirst();" type="button"/>
<input onclick="add();" type="button"/>
<input onclick="addReal();" type="button"/>
<script>
oldOptions=document.getElementById("a").options;
for(var i=0;i<oldOptions.length;i++){
oldOptionReal.push(oldOptions[i]);
}
</script>
分享到:
相关推荐
复制代码代码如下: document.getElementById(“selectid”).options.length = 0; 方法二 复制代码代码如下: document.formName.selectName.options.length = 0; 方法三 复制代码代码如下: document....
html select标签加链接的方法有很多,接下来为大家介绍下几个比较经典的,,感兴趣的朋友可以参考下哈,希望可以帮助到你
下面几个常用的代码或许对您有帮助: 代码如下: //1.获取选中option值 $(‘#selectList’).val(); //2.获取选中option的文本 $(‘#selectList :selected’).text(); //3.获取多个选中option值、文本 var foo = []; $...
jquery.jSelectDate.js 下拉列表式日期选择器插件实例,裸体版基本没有美化,其实这样更方便使用者自己美化,有些人可能会比较喜欢这种select列表式的日期选择...新增可设置是否在下拉列表后面加入“年、月、日”几个字
初始界面如下图,选中左面标签中的几个选项后再点–>,则将他们移动到右侧框内,同时左侧选项消失.点击====>后,左侧全部选项移动到右侧.点击右侧几个选项后,再点<—,则这些选项移动到左侧,点<====,则右侧全部选项...
在layui框架中使用form.on方法绑定select下拉框选中事件,form.on()方法不执行, 解决方法有以下几点: ... 2.... layui.use(['form', 'layer'],...3. select标签中要有lay-filter属性,用来监听select 以上解决方
前言 对资源打标签在建站过程中是很常见的需求,有些...假设我们需要给博客文章打标签,那么我们需要构建以下几个表: 文章表posts,用于存储文章的基本信息。 标签表tags,用于存储标签的基本信息。 标签-文章表t
孙维琴struts1中掌握html标签小程序。有几个比较典型的标签:<html:select> <html:options> <html:link> <html:rewrite> <jsp:useBean> 等的用法
学习经常用的几个标签 2.标签 标签是Mabits动态SQL中最常用的一个标签之一,它的作用是根据给定条件包含或排除不同的部分,以生成不同的SQL语句。在XML文件中,标签通常被嵌套在其他标签内,如<select>、和等标签内...
学习经常用的几个标签 2.标签 标签是Mabits动态SQL中最常用的一个标签之一,它的作用是根据给定条件包含或排除不同的部分,以生成不同的SQL语句。在XML文件中,标签通常被嵌套在其他标签内,如<select>、和等标签内...
接下来学习经常使用的几个标签 2.标签 标签是Mabits动态SQL中最常用的一个标签之一,它的作用是根据给定条件包含或排除不同的部分,以生成不同的SQL语句。在XML文件中,标签通常被嵌套在其他标签内,如<select>、和...
学习经常用的几个标签 2.标签 标签是Mabits动态SQL中最常用的一个标签之一,它的作用是根据给定条件包含或排除不同的部分,以生成不同的SQL语句。在XML文件中,标签通常被嵌套在其他标签内,如<select>、和等标签内...
学习经常用的几个标签 2.标签 标签是Mabits动态SQL中最常用的一个标签之一,它的作用是根据给定条件包含或排除不同的部分,以生成不同的SQL语句。在XML文件中,标签通常被嵌套在其他标签内,如<select>、和等标签内...
学习经常用的几个标签 2.标签 标签是Mabits动态SQL中最常用的一个标签之一,它的作用是根据给定条件包含或排除不同的部分,以生成不同的SQL语句。在XML文件中,标签通常被嵌套在其他标签内,如<select>、和等标签内...
学习经常用的几个标签 2.标签 标签是Mabits动态SQL中最常用的一个标签之一,它的作用是根据给定条件包含或排除不同的部分,以生成不同的SQL语句。在XML文件中,标签通常被嵌套在其他标签内,如<select>、和等标签内...
学习经常用的几个标签 2.标签 标签是Mabits动态SQL中最常用的一个标签之一,它的作用是根据给定条件包含或排除不同的部分,以生成不同的SQL语句。在XML文件中,标签通常被嵌套在其他标签内,如<select>、和等标签内...
学习经常用的几个标签 2.标签 标签是Mabits动态SQL中最常用的一个标签之一,它的作用是根据给定条件包含或排除不同的部分,以生成不同的SQL语句。在XML文件中,标签通常被嵌套在其他标签内,如<select>、和等标签内...
学习经常用的几个标签 2.标签 标签是Mabits动态SQL中最常用的一个标签之一,它的作用是根据给定条件包含或排除不同的部分,以生成不同的SQL语句。在XML文件中,标签通常被嵌套在其他标签内,如<select>、和等标签内...
学习经常用的几个标签 2.标签 标签是Mabits动态SQL中最常用的一个标签之一,它的作用是根据给定条件包含或排除不同的部分,以生成不同的SQL语句。在XML文件中,标签通常被嵌套在其他标签内,如<select>、和等标签内...
学习经常用的几个标签 2.标签 标签是Mabits动态SQL中最常用的一个标签之一,它的作用是根据给定条件包含或排除不同的部分,以生成不同的SQL语句。在XML文件中,标签通常被嵌套在其他标签内,如<select>、和等标签内...