我正在尝试单击“战斗”按钮"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";
});
在您的解决方案中,您已全局声明了所选值的值,该值在文档加载期间仅设置一次。为了计算正确的值,您必须在单击按钮期间在本地声明它们。
$('#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";
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句