代碼適用於JSFiddle，但不適用於Web瀏覽器或Dreamweaver

-4

此代碼適用於JSFiddle，但是當我將其放入Dreamweaver文檔中或在瀏覽器中嘗試使用時，div永遠不會顯示。目標是讓用戶在下拉菜單中選擇'1'時顯示'div'。我有兩個獨立的文件中的代碼並將它們鏈接起來。任何幫助不勝感激。代碼適用於JSFiddle，但不適用於Web瀏覽器或Dreamweaver

下面是HTML

<body> 
<script type="text/javascript" src="file:///Macintosh%20HD/Applications/MAMP/htdocs/thesurebettor/Untitled-2.js"></script> 
<select id = "typeoption"> 
<option value="0">Qualifying Bet</option> 
<option value="1">Free Bet</option> 
<option value="2">Risk Free Bet</option> 
</select> 
<div style='display:none;' id='sreturned'> Stake Returned 
</div> 
</body>

這裏是腳本

$(document).ready(function(){ 
     $('#typeoption').on('change', function() { 
      if (this.value == '1') 
      { 
      $("#sreturned").show(); 
      } 
      else 
      { 
      $("#sreturned").hide(); 
      } 
     }); 
    });

來源

2016-11-22 C.Hopewell

在瀏覽器中打開開發者工具。看看控制檯。閱讀錯誤消息。我可以看到兩個有可能（但完全沒有發佈）的競爭者。 – Quentin

看來你正在使用jquery而不包括它。 – Mattia

加。在我以前的評論中「不相關」而不是「未發佈」。 – Quentin

-2

編輯：的jsfiddle包括所有頁面

你有沒有添加jQuery腳本的jQuery？試試這個文件：

<body> 
<script type="text/javascript" src="file:///Macintosh%20HD/Applications/MAMP/htdocs/thesurebettor/Untitled-2.js"></script> 
<select id = "typeoption"> 
<option value="0">Qualifying Bet</option> 
<option value="1">Free Bet</option> 
<option value="2">Risk Free Bet</option> 
</select> 
<div style='display:none;' id='sreturned'> Stake Returned 
</div> 
</body> 


<script src="https://code.jquery.com/jquery-1.11.3.js"></script> 
<script> 
$(document).ready(function(){ 
    $('#typeoption').on('change', function() { 
     if (this.value == '1') 
     { 
     $("#sreturned").show(); 
     } 
     else 
     { 
      $("#sreturned").hide(); 
     } 
    }); 
}); 
</script>

來源

2016-11-22 09:26:58 Liberateur

謝謝你的回答。當我將其全部添加到HTML文件中時，這種方式起作用，但是當我將它添加到單獨的js文件時，我無法使其正常工作。如何將腳本src代碼包含在外部js文件中？ –

對於添加jquery，你需要在你的html這一行添加：「」並且在你調用script.js – Liberateur

感謝您驗證我的答案^^ – Liberateur

代碼適用於JSFiddle，但不適用於Web瀏覽器或Dreamweaver

回答

相關問題