Javascript jQuery脚本在HTML页面中不起作用_Javascript_Jquery_Html_Css

Javascript jQuery脚本在HTML页面中不起作用

javascript jquery html css

Javascript jQuery脚本在HTML页面中不起作用,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试使用jQuery脚本，但它并没有按应有的方式显示。我让它工作。但它在我的页面中不起作用：当选择一个选项时，它根本不显示任何内容。我做错了什么 <html> <head> <meta charset="UTF-8"> <title>title</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquer

我正在尝试使用jQuery脚本，但它并没有按应有的方式显示。我让它工作。但它在我的页面中不起作用：当选择一个选项时，它根本不显示任何内容。我做错了什么

<html>
  <head>
    <meta charset="UTF-8">
    <title>title</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <link href="css/faqtest.css" rel="stylesheet">
  </head>
  <body>
    <script type="text/javascript">
    $('select').on('change',function() {
      var answer = $(this).val();
      $('.answers').hide();
      $('#'+answer).show();
    })
    </script>
    <select>
      <option disabled selected>choose</option>
      <option value="answer1">answer1</option>
      <option value="answer2">answer2</option>
      <option value="answer3">answer3</option>
    </select>
    <div class="answers" id="answer1">answer1</div>
    <div class="answers" id="answer2">answer2</div>
    <div class="answers" id="answer3">answer3</div>
  </body>
</html>


标题
$（'select'）。在（'change'，function（）上{
var answer=$（this.val（）；
$（'.answers'）.hide（）；
$（'#'+答案）.show（）；
})
选择
答复1
答复2
答复3
答复1
答复2
答复3

在上执行代码

运行脚本时未创建select元素。请将代码放入

$（document）.ready（）

。运行脚本时未创建select元素。请将代码放入

$（document）.ready（）

。

$(function(){
  $('select').on('change',function() {
    var answer = $(this).val();
    $('.answers').hide();
    $('#'+answer).show();
  });
});