javascript - 将 jQuery ReplaceWith() 与 HTML Select 一起使用

Question

我正在尝试根据 HTML 选择的内容将 div 类替换为不同的类。不幸的是，以下代码似乎不起作用。

  <script type="text/javascript">
  $(document).ready(function() {
      $("answerDropdown").change(function() {
          var val = $(this).selectedValues();
          if (val != '') {
            $("filler").replaceWith('<div id="replaced"> Replaced. </div>');
          }
      });
  });
  </script>

 <select id="answerDropdown">
 <option value="1">1</option>
 <option value="2">2</option>
 <option value="3">3</option>
 </select>

 <div id="filler">Replace Me!</div>

有什么建议吗？

Answer 1

#id selectors需要#前缀并使用 .val() 获得 <select>元素的值，应该是:

$(document).ready(function() {
  $("#answerDropdown").change(function() {
      var val = $(this).val();
      if (val != '') {
        $("#filler").replaceWith('<div id="replaced"> Replaced. </div>');
      }
  });
});

You can test it out here .