我刚刚发布了this question几个小时前得到了有用的回复,两个代码都按照我需要的方式显示了输出,但是在编辑完代码后(甚至尝试将工作代码复制粘贴到Dreamweaver中)我无法&# 39;在我的笔记本电脑上复制成功的结果。
所以我想把它放在JSFiddle上,因为我的桌面PC已经登录到我的电子邮件中,我在那里制作了JSFiddle帐户并成功运行了代码,现在我尝试运行相同的小提琴(link)在我的笔记本电脑上,它不会显示输出(就像Dreamweaver不会)。两台计算机之间唯一的区别(软件方面)是笔记本电脑安装了Dreamweaver 2015而桌面没有。
我很难过,你们中的任何一个人之前遇到过类似的问题吗?有什么我想念的吗?所有建议都表示赞赏。
供参考(因为我显然无法在不发布代码的情况下链接到JSFiddle),这里是我试图开始工作的代码。
<script type="text/javascript">
console.clear();
function showDetails(event) {
console.log(event);
var x = event.srcElement;
var val = x.options[x.selectedIndex].text;
var t = event.srcElement.selectedOptions[0].text;
document.getElementById("Details").value = t;
}
var el = document.getElementById("slctOrder");
el.addEventListener("change", showDetails, false);
</script>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Hot Buns </title>
</head>
<div>
<h2> Welcome to Hot Buns </h2>
<h3> Ham can we bee'f service? </h3>
</div>
<div>
<h2> Place an order </h2>
</div>
<form method="get" id="frmOder">
<select id="slctOrder">
<option hidden selected="selected" value="0"> please select one of today's specials </option>
<option value="1"> Last of the Mo-jicama </option>
<option value="2"> Cheesus Is Born Burger </option>
<option value="3"> Beets of Burden Burger </option>
<option value="4"> Paranormal Pepper Jack-tivity Burger </option>
</select>
<output id="Details" />
</form>
</body>
</html>