javascript - 为什么这个 ajax 脚本复制了选择框？

Question

我只是在尝试城邦选择。我认为此代码块将发布数据打印到屏幕..但它复制选择框，然后将选择框打印到屏幕。是不是很奇怪？

$(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 个选择框。