Jquery 带有“删除”按钮的Multiselect选项无法删除项目

选择数字（您可以任意次数选择每个数字）：

<select name="number_selection" method="post" id="number_selection" >
   <option value="0">0</option>
   <option value="1">1 </option>
   <option value="2">2</option>
   <option value="3">3</option>
   <option value="4">4</option>
   <option value="5">5</option>
 </select>
 <input type="button" value="Select" id="select_button"/> 


  <div id="feedback"> </div>

 $('#select_button').click(function(){
var gs= $('#number_selection').val();
$('#feedback').append(gs + '  ' + '<input type="button" value="Remove" id="gs_remove" />' + '<br>');

});

$('#gs_remove').click(function(){
(this).remove();
});

0
1.
2.
3.
4.
5.

这是我编写的用于选择和取消选择的jquery:

<select name="number_selection" method="post" id="number_selection" >
   <option value="0">0</option>
   <option value="1">1 </option>
   <option value="2">2</option>
   <option value="3">3</option>
   <option value="4">4</option>
   <option value="5">5</option>
 </select>
 <input type="button" value="Select" id="select_button"/> 


  <div id="feedback"> </div>

 $('#select_button').click(function(){
var gs= $('#number_selection').val();
$('#feedback').append(gs + '  ' + '<input type="button" value="Remove" id="gs_remove" />' + '<br>');

});

$('#gs_remove').click(function(){
(this).remove();
});

$（'select#u按钮'）。单击（函数（）{
var gs=$（“#编号_选择”）.val（）；
$（“#反馈”）.append（gs+'+''+'
'）；
});
$（'#gs_remove'）。单击（函数（）{
（此选项）。删除（）；
});

---

我可以选择选项，但无法使用移除按钮移除选项。请帮助

而不是重复id（gs_移除）重复类，使用事件委派，并在

span

中附上

#number_selection

值，如图所示：-

$('#select_button').click(function(){
   var gs= $('#number_selection').val();
   $('#feedback').append('<span>' + gs + '</span>' + '  ' + '<input type="button" value="Remove" class="gs_remove" />' + '<br>');
});

$('#feedback').on('click','.gs_remove',function(){
   $(this).prev('span').remove();
   $(this).next('br').remove();
   $(this).remove();  // use '$' in selector
});

$（'select#u按钮'）。单击（函数（）{
var gs=$（“#编号_选择”）.val（）；
$（“#反馈”）。追加（“”+gs+“”+“”+“”+“”+“”+“”+”
”）；
});
$（“#反馈”）。on（'click'，'gs#u remove'，function（）{
$（this.prev（'span'）.remove（）；
$（this.next（'br'）.remove（）；
$（this）.remove（）；//在选择器中使用“$”
});

---

当您在

#feedback

中添加一些数据时，您是在重复带有id的

gs\u remove

按钮，这是不正确的，页面上不能有多个元素具有相同的

id

，因此请改用如上所示的

class

我认为您需要以下代码

您还可以在jQuery中使用.on向新元素添加事件

我使用onclick事件调用javascript函数

0
1.
2.
3.
4.
5.
函数删除（obj）{
$（obj.parent（）.remove（）；
}
$（“#选择_按钮”）。单击（函数（）{
var gs=$（“#编号_选择”）.val（）；
$（“#反馈”）。追加（“”+gs+“”+“”+“”+”
”）；
});

在

之前缺少一个
$
（此）。删除（）该代码即使与$一起也不起作用。您是否添加了具有相同id的按钮？那是行不通的。无论如何，“点击”是不够的。使用（'click'）

将处理程序附加到添加到DOM的元素。但是这个代码是有效的$（“#选择按钮”）。单击（function（）{var gs=$（“#number_selection”）.val（）；$（“#feedback”）。追加（“”+gs+“”+“”+“”+“”+“”+”
”）；但我有另一个问题。删除span后，我失去了空间，当我再次选择该选项时，它将追加到下一行，而不是在我删除的选项的同一位置。}）; $（“#反馈”）.on（'click'，'.gs_remove'，function（）{$（this）.prev（'span'）.remove（）；$（this.remove（）；//在选择器}中使用“$”）；它起作用了，但我还有另一个问题。删除span后，我将丢失空间，当我再次选择该选项时，它将附加到下一行中，而不是与我删除的选项位于同一位置。你明白我的意思了吗？成功了，谢谢。还有一个问题，请不要介意，如果我想在选择选项后为选项分配不同的class/id，我该怎么办？@SalauddinFarhaan…在

#number_selection

上绑定一个更改事件，然后用javascript生成一个随机no，并将随机no分配给当前选择的选项，如

$（this）.attr（'class'，randomno）

你能帮我一下吗？我对他不熟悉，我不太懂things@SalauddinFarhaan...it如果你在stackoverflow上发布一个新问题来描述你到底想要什么，那就太好了，因为我很难在评论部分给出答案。