jQuery replaceWith（）をHTML Selectで使用する

Question

divクラスをHTML selectの内容に基づいて別のクラスに置き換えようとしています。残念ながら、次のコードは動作していないようです。

<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が#プレフィックスを必要と<select>要素の値を取得するために.val()を使用し、それは次のようになります。

$(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セレクタを使用してください。 divを折り返すには#fillerを使用する必要があります。