代码适用于JSFiddle,但不适用于Web浏览器或Dreamweaver
此代码适用于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();
}
});
});
编辑:的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>
谢谢你的回答。当我将其全部添加到HTML文件中时,这种方式起作用,但是当我将它添加到单独的js文件时,我无法使其正常工作。如何将脚本src代码包含在外部js文件中? –
对于添加jquery,你需要在你的html这一行添加:“ ”并且在你调用script.js – Liberateur
感谢您验证我的答案^^ – Liberateur
在浏览器中打开开发者工具。看看控制台。阅读错误消息。我可以看到两个有可能(但完全没有发布)的竞争者。 – Quentin
看来你正在使用jquery而不包括它。 – Mattia
加。在我以前的评论中“不相关”而不是“未发布”。 – Quentin