js option删除代码集合

1、 JavaScript


代码如下:

var oSel=document.form1.DropDownCity;
while(oSel.options.length>0){
oSel.removeChild(oSel.options[0]);
}

2、 JavaScript


代码如下:

<SCRIPT LANGUAGE="JavaScript">
function del1(){
var obj = document.getElementById("s");
var count = obj.options.length;
for(var i = 0;i<count;i++){
obj.options.remove(0);//每次删除下标都是0
}
}
</SCRIPT>

3、 JavaScript


代码如下:

<script language="javascript">
function del() {
for (var i = s.options.length - 1; i >= 0; i --)
s.options[i] = null;
}
</script>

4、 JavaScript


代码如下:

<SCRIPT LANGUAGE="JavaScript">
function del1(){
var obj = document.getElementById("s");
obj.options.length=0
}
</SCRIPT>

赞 (0)

相关推荐

  • javascript Select标记中options操作方法集合

    javascript操作Select标记中options集合 先来看看options集合的这几个方法: options.add(option)方法向集合里添加一项option对象: options.remove(index)方法移除options集合中的指定项: options(index)或options.item(index)可以通过索引获取options集合的指定项: javascript代码如下: var selectTag = null; //select标记 var OPTONLEN

  • javascript options属性集合操作代码

    复制代码 代码如下: <form name="testform"> <select name="testselect"> <option value="first">first option</option> <option value="second">second option</option> <option value="third

  • javascript各浏览器中option元素的表现差异

    1,IE6/7/8/9中无事件(如click,mouseover),Firefox/Safari/Chrome/Opera则有. 复制代码 代码如下: <select id="s1" multiple="multiple"> <option value="1" onclick="alert(1);">1</option> <option value="2" oncl

  • javascript删除option选项的多种方法总结

    1. JavaScript 复制代码 代码如下: var oSel=document.form1.DropDownCity; while(oSel.options.length>0){ oSel.removeChild(oSel.options[0]); } 2. JavaScript 复制代码 代码如下: <SCRIPT LANGUAGE="JavaScript"> function del1(){ var obj = document.getElementById

  • javascript对select标签的控制(option选项/select)

    html中的select标签,也是asp.net中的asp:DropDownList控件. javascript对它们的操作 一.基础理解 复制代码 代码如下: var e = document.getElementById("selectId"); e. options= new Option("文本","值") ; //创建一个option对象,即在<select>标签中创建一个或多个<option value="

  • js option删除代码集合

    1. JavaScript 复制代码 代码如下: var oSel=document.form1.DropDownCity; while(oSel.options.length>0){ oSel.removeChild(oSel.options[0]); } 2. JavaScript 复制代码 代码如下: <SCRIPT LANGUAGE="JavaScript"> function del1(){ var obj = document.getElementById

  • js退出弹窗代码集合

    var leave=true; function stbs() { if (leave) stb.DOM.Script.window.open('http://www.jb51.net/','_blank'); } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 支持 Windows XP SP2 xp sp3(即支持IE7)的超级弹退代码 使用说明: 1. 把SuperExitPopup.js这行 var popURL1 = 'http://tv.cnzz.cc'; 里面的网址改成

  • js 操作select和option常用代码整理

    1.获取选中select的value和text,html代码如下: 复制代码 代码如下: <select id="mySelect"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </selec

  • JS执行删除前的判断代码

    一. 复制代码 代码如下: <script> function del(){ if(confirm("确认删除吗")){ alert("yes"); } else{ alert("no") return; } } </script> <html> <input type="button" value="del" onclick="del();"&

  • JS 添加删除元素的实现代码

    JS添加删除元素 替换后的文字"; var oldNode = $Name("P")[0];//获取body里面第一个p元素 oldNode.parentNode.replaceChild(newNode,oldNode);//直接替换了标签 } function removeMsg() { var node = $("p2");//p标签 var nodeBtn = $("remove");//按钮 //node.parentNode

  • 基于jquery实现select选择框内容左右移动添加删除代码分享

    基于jquery实现select选择框内容左右移动添加删除代码分享

    本文实例讲述了select选择框内容左右移动添加删除.分享给大家供大家参考.具体如下: select选择框内容左右移动添加删除代码基于jquery-1.8.3.min.js实现,简单实用,选中选项内容,点击移动按钮可进行内容左右移动,双击option内容也可左右移动,支持单选移动.多选移动和一键全部移动! 运行效果图:                                  ----------------------查看效果----------------------- 小提示:浏览

  • jquery操作select option 的代码小结

    1.获取选中select的value和text,html代码如下: 复制代码 代码如下: <select id="mySelect"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </selec

  • JavaScript之事件委托实例(附原生js和jQuery代码)

    事件委托的原理依赖于事件冒泡,可以通过给父元素的事件委托来确定是哪个子元素触发了事件从而做一系列操作. 使用事件委托的优点 1.操作子元素时不用一一遍历,可以根据事件触发的对象而进行相应操作 dom结构如下: <ul id = "oUl"> <li class = "item"></li> <li class = "item"></li> <li class = "ite

  • js确认删除对话框适用于a标签及submit

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

  • js脚本分页代码分享（7种样式）

    js脚本分页代码分享（7种样式）

    本文跟大家分享了7种JS脚本分页样式,相信总有一款是适合你的哦 抓紧先上图给大家挑选一下------------------运行效果------------------- 其实小编挺喜欢最后一款的,亲,你呐? 为大家再分享实现JS脚本分页的代码,直接复制代码,运行即可,抓紧试试吧 <html> <head> <title>7种JS脚本分页代码</title> <style> body {font-size: 12px;} /* Pages Mai

随机推荐