javascript对select的操作

最新推荐文章于 2022-11-27 21:01:59 发布

winson4282000

最新推荐文章于 2022-11-27 21:01:59 发布

阅读量695

点赞数

分类专栏： ajax 文章标签： javascript function button input c++ html

本文链接：https://blog.csdn.net/winson4282000/article/details/2100462

版权

ajax 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<html>

<head>

<title></title>
<script language="javascript">
    function pageInit(){//定位到第二个选项

        var optionitems = document.getElementById("book");

        for(var i=0;i<optionitems.length;i++){
            if(optionitems.options[i].value =="2"){
                optionitems.options[i].selected = true;

            }
              }
    }

    //页面加载时候执行pageInit()函数，等同与body元素中的onload属性
    window.onload =pageInit;

    //选项变更时，输出option的文本
    function selectBook(){
        var optionitems = document.getElementById("book");

        for(var i=0;i<optionitems.length;i++){
            if(optionitems.options[i].selected){
                alert(optionitems.options[i].text);

            }
        }
    }

    function addOption(){
        var optionitems = document.getElementById("book");
        //new Option(text,value);
        optionitems.options[optionitems.length] = new Option("php","4");
    }

    function delOption(){
        var optionitems = document.getElementById("book");
        //删除的时候，只需要option对象赋值为空即可
        optionitems.options[0] = null;
    }

    function clearOption(){
        var optionitems = document.getElementById("book");
        optionitems.length = 0;
    }

</script>
</head>