使用jQuery replaceWith（）和HTML Select

Question

我正在尝试根据HTML select的内容替换另一个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

Answer 2

Id选择器应与#一起使用。您必须使用#filler来包装div。