代码在 JSFiddle 中有效，但在 Web 浏览器或 Dreamweaver 中无效

Question

此代码在 JSFiddle 中运行良好，但是当我放入 Dreamweaver 文档或在浏览器中尝试时，div 从未显示。目的是让 div 'sreturned' 在用户从下拉列表中选择值“1”时显示。我有两个单独文件中的代码和 link 它们。非常感谢任何帮助。

这是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();
           }
        });
    });

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 浏览器或 Dreamweaver 中无效

Code works in JSFiddle but not in Web Browser or Dreamweaver

html

javascript

dreamweaver

show-hide