获得多项选择列表框的选中选项

最新推荐文章于 2022-02-06 18:32:13 发布

SailingAptech

最新推荐文章于 2022-02-06 18:32:13 发布

阅读量396

点赞数

分类专栏： JavaScript 文章标签： HTML

JavaScript 专栏收录该内容

29 篇文章

订阅专栏

本文提供了一个使用HTML和JavaScript实现的多选下拉菜单示例。通过点击按钮，可以弹出提示框显示已选择的选项值。此示例有助于理解如何在网页中处理用户的选择。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <form>
        <select id="sel" size="20" multiple="multiple"> 
            <option value="1">01 </option> 
            <option value="2">02 </option> 
            <option value="3">03 </option> 
            <option value="4">04 </option> 
            <option value="5">05 </option> 
            <option value="6">06 </option> 
            <option value="7">07 </option> 
        </select> 
<input type="button" value="click" onclick="doit()" /> 
</form>
<script language="javascript" type="text/javascript"> 
function doit() 
{
    var sel = document.forms[0].sel;
    for(var i=0;i<sel.options.length;i++){
        if(sel.options[i].selected) alert(sel.options[i].value);
    }
} 

</script>