首页 > 代码库 > 关于select中的增减问题

关于select中的增减问题

技术分享

当点击张三丰时,它跑到赵四下面,当点击赵四关闭时,它回到select里。代码如下

<script type="text/javascript">
$(document).ready(function(){
  $(".kuang_con_menpiao_input").find("select").change(function(){    
    $(".kuang_con_xuan").append(‘<div class="kuang_con_xuanunit"><div class="kuang_con_xuanunit_l"><img src="http://www.mamicode.com/images/person.png">‘+$(this).val()+‘</div><div class="kuang_con_xuanunit_r"><img src="http://www.mamicode.com/images/close1.png"></div></div>‘);    
    $(this).find(‘option:selected‘).remove();    
     del_this_unit();
  });
});
</script>

<script type="text/javascript">
   function del_this_unit(){
    $(".kuang_con_xuanunit_r").find("img").click(function(){
    $(this).parent().parent().remove();
    var c = $(this).parent().parent().text();
    $(".kuang_con_menpiao_input").find("select").append(‘<option value="http://www.mamicode.com/‘+c+‘">‘+c+‘</option>‘)  
    });
}

</script>

欢迎帮助完善

关于select中的增减问题