代码适用于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

回答

相关问题