javascript - このajaxスクリプトがselectboxをコピーしたのはなぜですか？

Question

私は都市国家の選択を試みています。このコードブロックは、投稿データを画面に印刷すると思いますが、selectboxをコピーしてから、selectboxを画面に印刷します。変じゃない？

$(document).ready(function(){
  $('#ilce').change(function(){
    var ilceid = $('#ilce').val();



     $.ajax({
      type: 'POST',
      url: 'ilce/ajax',
      data: 'ilceid'+ilceid,
      success: function(sonuc){
        $('#ilce').css('background-color','#efefef');
        $('#semt').html(sonuc);
      }


     });

  });
});

htmlは：

<?php echo  form_open('ilce/index')?>
<select id="ilce" name="ilce">
<option value="">Select Town</option>
<?php foreach ($ilce as $x):?>
<option value="<?php echo $x['id']?>"><?php echo $x['ad']?></option>
<?php endforeach?>
</select>
<p id="semt"></p>

そして、投稿データを印刷する必要があるilce /ajaxコントローラー???

<?php

class Ilce extends CI_Controller{

        public function ajax()
        {
                print_r($_POST);

        }


} //end of controller

私が言ったように、このコードは正しい投稿データを印刷する必要があります<p id="semt"></p>か？

しかし、このコードはコピーするだけ<select>で、.change()すぐに画面に貼り付けると、2つの選択ボックスになります。