jQuery克隆和.change下拉列表

我对jQuery克隆和下拉列表中的.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>  

工作小提琴：

我认为我应该对每个声明进行一次分析，但老实说，我不知道该怎么做

---

提前感谢

请将您的代码替换为以下代码

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

请添加此代码

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

---

jQuery在克隆元素时不保留选择。你可以试试这个

  .clone(true) 

---

这将在下拉列表中复制所有事件和数据。我希望这将有助于您使用事件。

效果很好，您是否愿意详细说明分离的$（文档）的代码是什么？谢谢你的代码很好，直到我把它包在一个div里，现在又坏了。这与.next我相信->我将代码替换为

$（this.parent（）.next（）.html（$（this.val（））jQuery函数提供对内部html内容的访问，因此我使用它为生成的选择框编写函数。
  .clone(true)