私はちょうどthis questionを投稿して助けになりました。両方のコードが必要な出力を表示しましたが、コードを編集した後でも(作業コピーをDreamweaverにコピーしてみましたが)私のラップトップに。Dreamweaverをインストールするとブラウザのスクリプト実行方法に影響はありますか?
私はJSFiddleにそれを載せることを考えました。私のデスクトップPCはすでに電子メールにログインしていたので、そこにJSFiddleアカウントを作成してコードを正常に実行しましたが、今は同じフィドルを実行しようとしました(link)それは出力を表示しません(Dreamweaverと同じように)。 2台のコンピュータの唯一の違い(ソフトウェア的)は、ラップトップには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>
Dreamweaver:/ – James111