我正在尝试根据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>


有什么建议么?

最佳答案

#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

09-20 23:21