jQuery Clone и .change dropdown

Question

У меня небольшая проблема с jQuery Clone и a .change из выпадающего списка.

Что происходит, так это то, что мне нужно обновить div с номером из выпадающего списка, и все в порядке, проблема возникает, когда я клонирую выпадающий список, и после этого клонированные элементы не обновляют число с выбранным значением и первый обновит все.

<button type="button" id="addmore" >Add More</button> 
<br> 

<div class="dynamic-content1"> 
    <select name="list" class="list" id="name"> 
     <option value="25">Ticket 1</option> 
     <option value="50">Ticket 2</option> 
     <option value="70">Ticket 3</option> 
    </select> 
    <div class="tag">25</div> 
</div> 

и JQuery:

var count = 0; 
$('#addmore').click(function(){ 

    var $clone = $('.dynamic-content1:eq(0)').clone(); 
    $clone.find('[id]').each(function(){this.id+=''}); 
    $clone.attr('id', "added"+(++count)); 
    $('.dynamic-content1:eq(0)').after($clone); 

}); 


$('#name').change(function(event) { 
    $('.tag').html($('#name').val()); 
}); 

Работа скрипку:

http://jsfiddle.net/QuadDamage/ej0t9c0e/

Я считаю, что я должен запустить каждое заявление, но если честно, я не вижу, как это сделать.

Заранее спасибо

Answer 1

Заменить код, как показано ниже, пожалуйста.

$('#name').change(function(event) { 
    $('.tag').html($('#name').val()); 
}); 

Добавьте этот код пожалуйста

$(document).on('change', '.list', function() { 
    $(this).parent().next().html($(this).val()); 
}); 

Answer 2

JQuery не держать выбор, делая клон элемента. вы можете попробовать это

.clone(true) 

Это скопирует все эвенов и данные в раскрывающемся списке. Надеюсь, это поможет вам в использовании событий.