通过JavaScript操作HTML中select标签

    xiaoxiao2023-10-04  140

    添加:

    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)