首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >带有Javascript的HTML选择标记

带有Javascript的HTML选择标记
EN

Stack Overflow用户
提问于 2016-08-16 17:29:59
回答 3查看 44关注 0票数 0

单击下拉列表时,我希望警告特定选项的值。这是我的代码:

代码语言:javascript
运行
复制
$("select").change(function () {
    alert($("option").html());
});

我尝试过使用.text().val(),但两者似乎都不起作用。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2016-08-16 17:36:48

假设您没有使用select[multiple]元素,则“jQuery Way™”获得的值如下:

代码语言:javascript
运行
复制
$('select').change(function () {
  console.log($(this).val());
});

这实际上也可能是:

代码语言:javascript
运行
复制
console.log(this.value);

现有代码的问题是,$('option')选择所有option元素,然后.html()获取集合中第一个option元素的innerHTML。

您不需要页面上的第一个option,而是需要select元素的当前值。

票数 2
EN

Stack Overflow用户

发布于 2016-08-16 17:32:36

代码语言:javascript
运行
复制
alert($(this).val());

我想,如果你想要的是值而不是文本,这应该是可行的。

票数 0
EN

Stack Overflow用户

发布于 2016-08-16 17:37:06

很简单

代码语言:javascript
运行
复制
$("select").change(function () {
    alert($(this).val());
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38981067

复制
相关文章

相似问题

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