Question

这段代码可以在JSFiddle中运行，但是当我输入Dreamweaver文档或在浏览器中尝试时，div从不显示。当用户从下拉菜单中选择值“1”时，目的是让div'sreurned'显示。我有两个单独的文件中的代码并链接它们。任何帮助非常感谢。

这是HTML

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

这是脚本

WHERE date != '0000-00-00'

Answer 1

编辑：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>

代码在JSFiddle中工作，但在Web Browser或Dreamweaver中不起作用

1 个答案: