从html选择菜单中选择的值

狙击手

我正在尝试单击“战斗”按钮"You have slain" + selected option + What I have now works for the first option,但如果您在下拉列表中选择其他选项并单击“战斗”,它仍然显示“飞行”。

小提琴

var mon = document.getElementById('monsters');
var monster =mon.options[mon.selectedIndex].text;

$('#battle').click(function() {
    document.getElementById('dam').innerHTML = "You have hit the " + monster + " for 5 damage";
});
DinoMyte

在您的解决方案中,您已全局声明了所选值的值,该值在文档加载期间仅设置一次。为了计算正确的值,您必须在单击按钮期间在本地声明它们。

$('#battle').click(function() {
  var mon = document.getElementById('monsters');
  var monster =mon.options[mon.selectedIndex].text;
    document.getElementById('dam').innerHTML = "You have hit the " + monster + " for 5 damage";
});

工作示例:https : //jsfiddle.net/DinoMyte/4dyph8jh/5/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

选择菜单-选择属性-HTML

来自分类Dev

使用jQuery在选择菜单中选择第一个值

来自分类Dev

在选择菜单中选择的值未发送到服务器

来自分类Dev

在Jquery中选择菜单的选择默认值有问题吗?

来自分类Dev

在选择菜单中选择的特定选项上的警报或消息

来自分类Dev

选择菜单的默认值

来自分类Dev

从选择菜单中检查多个值

来自分类Dev

JSF选择菜单,处理删除的值

来自分类Dev

使用PHP设置HTML选择菜单

来自分类Dev

批量选择菜单?

来自分类Dev

批量选择菜单?

来自分类Dev

选择菜单 CSS

来自分类Dev

CSS水平居中选择菜单和标签

来自分类Dev

您将如何创建两个选择菜单,其中选择菜单B的内容取决于选择菜单A的选择?

来自分类Dev

我无法使用if语句(html)从html选择菜单中打印值

来自分类Dev

清除基于其他选择菜单的选择菜单

来自分类Dev

primefaces级联选择菜单

来自分类Dev

BIOS引导选择菜单?

来自分类Dev

选择菜单项

来自分类Dev

jQuery-使用“选择菜单”值更改DIV html

来自分类Dev

在下拉选择菜单中选择所选选项下方的所有选项

来自分类Dev

根据从每个表单的选择菜单中选择的数量更新价格

来自分类Dev

进行选择时隐藏选择菜单

来自分类Dev

无法基于第一个选择菜单的值启用其他选择菜单

来自分类Dev

从Twitter Bootstrap下拉菜单中选择菜单项

来自分类Dev

从Twitter Bootstrap下拉菜单中选择菜单项

来自分类Dev

从html下拉菜单中选择后,重定向页面并通过url传递选择值?

来自分类Dev

从下拉菜单中选择值

来自分类Dev

Angular JS从数据中选择菜单,在顶部保留1个项目?