使用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选择器需要一个#前缀，并使用.val()来获取<select>元素的值，它应该是：

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

您可以在这里进行测试 。

Answer 2

ID选择器应与#一起使用。 你必须使用#filler包装div。