JS操作下拉列表(添加,清空,循环值)

最新推荐文章于 2024-06-28 22:29:47 发布

魏言

最新推荐文章于 2024-06-28 22:29:47 发布

阅读量6k

点赞数

分类专栏： Js、xml、div+css 文章标签： button function javascript input server html

本文链接：https://blog.csdn.net/lhypang2006/article/details/4298211

版权

Js、xml、div+css 专栏收录该内容

96 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<script language="javascript" type="text/javascript">
// <!CDATA[

function Button2_onclick() {
//向下拉列表添加值
    var select=document.getElementById("select");
    var option = new Option('韩国料理','62');
    select.options.add(option);
    select.options.add(new Option('韩国料理','62'));

}

//循环获得所有值得

function dis(v)
{
    var dr=document.getElementById("DropDownList2");//获得下拉列表
    for(var i=0;i<dr.length;i++)//循环隐藏
    {
        var trID=dr.options[i].value+"_1";
        document.getElementById(trID).style.display="none";
    }
    document.getElementById(v).style.display="block";//指定显示

}

function Button3_onclick() {
//清空
var select=document.getElementById("select");
select.length=0;
}

// ]]>
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>

        <select id="select" style="width: 147px">

        </select>
        <br />
        <input id="Button2" type="button" value="添加" οnclick="return Button2_onclick()" />
        <input id="Button3" type="button" value="清空" οnclick="return Button3_onclick()" /></div>

</form>
</body>
</html>