為什么我的Javascript Switch Case無法運作？
[英]Why isn't my Javascript Switch Case working?
問題描述
使用JSfiddle解釋器時，按鈕和輸入字段顯示在“結果”框中，但是似乎沒有對該腳本的任何響應。 我嘗試了其他解釋器，例如W3School的解釋器，雖然它確實表明確實在調用該函數，但結果似乎只是默認情況，甚至只是一秒鍾的時間在整個字段以及按鈕和輸入消失之前（值得注意的是，我輸入的文本沒有出現在該段落中，並且'fruitT'似乎被忽略了-因此很可能在輸入之間傳遞信息存在問題字段，按鈕和功能。）
邏輯對我來說似乎很簡單，我看了其他示例-但是我是JS的新手，所以我可能忽略了某些語法。 希望有人可以幫助我朝正確的方向前進。 謝謝！
<!DOCTYPE html>
<html>
<body>
<form action="#">
<input id="fruit">
<button onclick="myFunc('fruit')">Enter</button>
</form>
<p id="here"></p>
<script>
function myFunc(fruitT){
switch (fruitT){
case "Oranges":
document.getElementById("here").innerHTML = ("Oranges are $0.59 a pound.");
break;
case "Apples":
document.getElementById("here").innerHTML = ("Apples are $0.32 a pound.<br>");
break;
default:
document.getElementById("here").innerHTML = ("Sorry, we are out of " + fruitT + ".<br>");
}
}
</script>
</body>
</html>
2 個解決方案
解決方案1
1 已采納 2014-07-14 20:37:03
表單內的一個按鈕提交表單，因為它的默認類型是Submit，重新加載頁面。
您可能還想將輸入值傳遞給函數，而不僅僅是字符串'fruit'
改變這條線
<button onclick="myFunc('fruit')">Enter</button>
至
<button type="button" onclick="myFunc(document.getElementById('fruit').value)">Enter</button>
解決方案2
0 2014-07-14 20:36:14
<button onclick="myFunc('fruit')">Enter</button>
將字符串“ fruit”傳遞給函數，然后將其擊中默認值。
<button onclick="myFunc(fruit)">Enter</button>
如果存在變量，將使用變量fruit運行該函數。
為什么不是以下按鈕開關案例javascript工作？
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.