首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用Javascript/jQuery设置下拉菜单的选项?

如何使用Javascript/jQuery设置下拉菜单的选项?
EN

Stack Overflow用户
提问于 2011-12-29 05:04:22
回答 4查看 48K关注 0票数 20

有人知道如何使用javascript或jquery设置下拉菜单的选项和值吗?我正在使用这个HTML:

代码语言:javascript
复制
<select size="1" id="D1">
</select>

谢谢你的帮助。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-12-29 05:07:45

您甚至不一定需要jQuery:

代码语言:javascript
复制
var select = document.getElementById("D1"),
    opt = document.createElement("option");
opt.value = "value";
opt.textContent = "text to be displayed";
select.appendChild(opt);

Example

但不管怎样,jQuery都是这样的:

代码语言:javascript
复制
$("select#D1").append( $("<option>")
    .val("value")
    .html("text to be displayed")
);

Example

票数 49
EN

Stack Overflow用户

发布于 2011-12-29 05:08:34

有几种不同的方法。一个是:

代码语言:javascript
复制
$("#D1").append("<option>Fred</option>");
票数 3
EN

Stack Overflow用户

发布于 2016-11-16 01:05:53

下面是使用javascript删除选项的另一种方法(类似Andrew Whitaker的答案),方法是使用选项数组:

代码语言:javascript
复制
var select = document.getElementById("D1");
select.options.length = 0;//remove all options
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8661287

复制
相关文章

相似问题

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