通过JavaScript操作HTML中select标签

骑猪看日落 2021-09-19 14:32 282阅读 0赞

添加：

Js代码  
1.function selectChange()     
2.\{     
3. var sel=document.getElementById("select1");     
4. Option option = new Option("Text","Value");     
5. sel.add(option);     
6.\}     
function selectChange()  
\{  
  var sel=document.getElementById("select1");  
  Option option = new Option("Text","Value");  
  sel.add(option);  
\}

删除所有：

Js代码  
1.document.getElementById("select1").options.length=0;     
  document.getElementById("select1").options.length=0;删除单个Option元素：

Js代码  
1.var sel=document.getElementById("select1");     
2.for(i=0;i<sel.options.length;i++)     
3.\{     
4. if(sel.options\[i\].selected)     
5. \{     
6. sel.options\[i\]=null; //设置为null就删除了这个元素     
7. \}     
8.\}     
var sel=document.getElementById("select1");  
for(i=0;i<sel.options.length;i++)     
\{     
  if(sel.options\[i\].selected)     
  \{     
  sel.options\[i\]=null; //设置为null就删除了这个元素  
  \}     
\} 取值：

Js代码  
**1.var sel=document.getElementById("select1"):   **  
**2.var val=sel.options\[sel.selectedIndex\].value   //亦可以这样写  var val = sel.value;**  
**3.alert(val); //得到Option的value   **  
**4.var txt=sel.options\[sel.selectedIndex\].text   **  
**5.alert(txt); //得到Option的文本（即Text）  **

**如果你对编程感兴趣或者想往编程方向发展，可以关注微信公众号【筑梦编程】，大家一起交流讨论！小编也会每天定时更新既有趣又有用的编程知识！**

发表评论取消回复

表情：

评论列表（有 0 条评论，282人围观）

还没有评论，来说两句吧...

相关阅读

相关 html表格标签(下)：lable标签，select标签和textara标签

html表格标签中的lable标签，select标签和textara标签

以你之姓@/ 2024年05月06日 21:22/ 0 赞/ 63 阅读

相关 JS实现列表移动（通过DOM操作select标签）

JS小例题学习内容：需求总结：学习内容：需求用 JavaScript 实现 select 标签的移动实现代码

矫情吗；*/ 2023年01月16日 06:56/ 0 赞/ 107 阅读

相关 JavaScript:HTML中的UI-＞标签

![4f93d1f9c7948683779c997e8ef31884.png][] 起始 -------------------- 没有UI,我们不如去当咸

墨蓝/ 2023年01月08日 08:22/ 0 赞/ 129 阅读

相关 JavaScript 控制 HTML 标签

几乎HTML所有标记都可以说是HTML的控件,如select, input, div, table等。下拉列表的填充 _showSchools: funct

电玩女神/ 2022年11月17日 05:23/ 0 赞/ 189 阅读

相关 javascript html 去除,javascript去除html标签

javascript去除html标签 \[2021-02-02 21:47:18\] 简介: ![714766.html][] php去除nbsp的方法：首先创建一个P

╰+攻爆jí腚メ/ 2022年10月07日 13:49/ 0 赞/ 192 阅读

相关 javascript中如何获取<select>标签中

<script> var z=document.getElementById("test"); z.option\[z.selectedIn

àì夳堔傛蜴生んèń/ 2022年09月30日 06:12/ 0 赞/ 155 阅读

相关 html select操作

参考文档：http://www.jb51.net/w3school/htmldom/prop\_select\_selectedindex.htm 原文地

小鱼儿/ 2022年06月13日 02:53/ 0 赞/ 174 阅读

相关 select,radio标签常用操作

select,radio标签常用操作 select常用操作清空option标签 $("aa").empty(); Select下拉选点击事件

淡淡的烟草味﹌/ 2022年04月23日 08:38/ 0 赞/ 248 阅读

相关通过JavaScript操作HTML中select标签

添加： Js代码 1.function selectChange() 2.\{ 3. var sel=document.getElementById(

骑猪看日落/ 2021年09月19日 14:32/ 0 赞/ 283 阅读

相关 javascript操作HTML标签集合

javascript操作HTML元素集合一、radio篇备注：radio标签的name值一样的时候，只能就是单选按钮，不一样的时候，就是多选按钮 1、根据r

柔情只为你懂/ 2021年07月24日 20:13/ 0 赞/ 401 阅读