点击“提交”按钮，把seslected的内容添加到数组中

胖妮儿

于 2018-01-29 20:32:29 发布

阅读量635

点赞数

CC 4.0 BY-SA版权

分类专栏： js方法总结

本文链接：https://blog.youkuaiyun.com/pony_pony/article/details/79199540

js方法总结专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个简单的HTML与JavaScript结合的例子，通过使用<select>标签实现多城市选择的功能，并通过<input type='submit'>触发JavaScript事件，收集所选城市的值并打印在控制台上。

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

<select id="city" multiple>
    <option value="北京">北京</option>
    <option value="上海">上海</option>
    <option value="广州">广州</option>
    <option value="深圳">深圳</option>
    <option value="杭州">杭州</option>
    <option value="重庆">重庆</option>
    <option value="武汉">武汉</option>
    <option value="成都">成都</option>
</select>
<input type="submit" id="submit">
<script>
    submit.onclick = function () {
        let ary = [];
        [].forEach.call(city, (item)=> {
            if (item.selected) {
                ary.push(item.value);
            }
        });
        console.log(ary);
    };
</script>