Javascript 如何为添加的每个字段集设置名称Dynamicly

我想为添加的每个fildset设置一个名称Dynamicly，该名称取自select标记。 例如，我从选择列表中选择了一个产品，名称被捕获为字段集的图例。。然后我按add按钮添加另一个字段集，当我从选择列表中选择一个新名称时，所有字段集都保留相同的名称

这是我的密码

HTML:

$select[name='brand'].changefunction{ var selectedText=$this.findoption:selected.text； $.test.text选择的文本； }; $function { $document.on'click'，'btn add'，function e { e、 防止违约； 变量controlForm=$”。控件：第一个“， currentEntry=$this.parents'.entry:first'， newEntry=$currentEntry.clone.appendTocontrolForm； newEntry.find'input'.val； controlForm.find'.条目：not:last.btn add' .removeClass'btn-add'.addClass'btn-remove' .removeClass'btn-success'.addClass'btn-danger' .html； }.在“单击”时，“.btn删除”，函数E { $this.parents'。条目：first'。删除； e、 防止违约； 返回false； }; }; @导入url'http://getbootstrap.com/3.3.7/assets/css/bootstrap.css' .集装箱{ 边缘顶部：10px； } .nav选项卡>li{ 位置：相对位置； } .导航选项卡>li>a{ 显示：内联块； } .nav选项卡>li>span{ 显示：无； 光标：指针； 位置：绝对位置； 右：6px； 顶部：8px； 颜色：红色； } .nav选项卡>li:悬停>跨距{ 显示：内联块； } 字段集{ 边框：1px实心ddd！重要； 保证金：0； xmin宽度：0； 填充：10px； 位置：相对位置； 边界半径：4px； 背景色：F5； 左侧填充：10px！重要； } 传奇{ 字体大小：14px； 字体大小：粗体； 边缘底部：0px； 宽度：35%； 边框：1px实心ddd； 边界半径：4px； 填充物：5px 5px 5px 10px； 背景色：ffffff； } 阿尔卡特 三星 诺基亚 苹果 LG 索尼 华为 奥波 威科 口音 x x 联系方式：乔·史密斯 联系方式：莫莉·刘易斯

---

当您动态添加元素时。select的事件处理程序无法工作。因为它是直接绑定，只会将处理程序附加到已存在的元素。它不会绑定到将来创建的元素。为此，您必须使用创建委托绑定

与您使用的相同。test class$.test.text SelectedText；此语句将文本更改为all.test类。所以需要在当前字段集中找到该类。通过父母，我们可以做到这一点

$'.controls'。在“更改”上，选择[name='brand']，函数{ var selectedText=$this.findoption:selected.text； $this.parents.entry'.find.test.textselectedText； }; $function{ $document.on'click'，'btn add'，function e{ e、 防止违约； 变量controlForm=$”。控件：第一个“， currentEntry=$this.parents'.entry:first'， newEntry=$currentEntry.clone.appendTocontrolForm； newEntry.find'input'.val； controlForm.find'.条目：not:last.btn add' .removeClass'btn-add'.addClass'btn-remove' .removeClass'btn-success'.addClass'btn-danger' .html； }.在“单击”时，“.btn删除”，函数E{ $this.parents'。条目：first'。删除； e、 防止违约； 返回false； }; }; @导入url'http://getbootstrap.com/3.3.7/assets/css/bootstrap.css"货柜{ 边缘顶部：10px； } .nav选项卡>li{ 位置：相对位置； } .导航选项卡>li>a{ 显示：内联块； } .nav选项卡>li>span{ 显示：无； 光标：指针； 位置：绝对位置； 右：6px； 顶部：8px； 颜色：红色； } .nav选项卡>li:悬停>跨距{ 显示：内联块； } 字段集{ 边框：1px实心ddd！重要； 保证金：0； xmin宽度：0； 填充：10px； 位置：相对位置； 边界半径：4px； 背景色：F5； 左侧填充：10px！重要； } 传奇{ 字体大小：14px； 字体大小：粗体； 边缘底部：0px； 宽度：35%； 边框：1px实心ddd； 边界半径：4px； 填充物：5px 5px 5px 10px； 背景色：ffffff； } 阿尔卡特 三星 诺基亚 苹果 LG 索尼 华为 奥波 威科 口音 x x 联系方式：乔·史密斯 联系方式：莫莉·刘易斯