日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > javascript >内容正文

javascript

通过JavaScript操作HTML中select标签

發布時間:2023/12/10 javascript 29 豆豆
生活随笔 收集整理的這篇文章主要介紹了 通过JavaScript操作HTML中select标签 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

添加:

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??
3.alert(val); //得到Option的value??
4.var txt=sel.options[sel.selectedIndex].text??
5.alert(txt); //得到Option的文本(即Text)??

本文來自CSDN博客,轉載請標明出處:http://blog.csdn.net/JavaMan_KA/archive/2011/04/21/6339398.aspx

轉載于:https://www.cnblogs.com/ycxyyzw/archive/2011/06/07/2074045.html

總結

以上是生活随笔為你收集整理的通过JavaScript操作HTML中select标签的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。