首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >追加选项以选择菜单?

追加选项以选择菜单?
EN

Stack Overflow用户
提问于 2011-03-03 23:27:09
回答 3查看 111K关注 0票数 38

如何使用Javascript将选项附加到HTML选择菜单?

例如:

<select>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
</select>

http://jsfiddle.net/SSwhr/

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-03-03 23:29:52

如下所示:

var option = document.createElement("option");
option.text = "Text";
option.value = "myvalue";
var select = document.getElementById("id-to-my-select-box");
select.appendChild(option);
票数 85
EN

Stack Overflow用户

发布于 2011-03-03 23:30:21

$(document).ready(function(){

    $('#mySelect').append("<option>BMW</option>")

})
票数 17
EN

Stack Overflow用户

发布于 2017-11-22 00:23:20

您也可以使用insertAdjacentHTML函数:

const select = document.querySelector('select')
const value = 'bmw'
const label = 'BMW'

select.insertAdjacentHTML('beforeend', `
  <option value="${value}">${label}</option>
`)
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5182772

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档