Javascript 在jquery中列表中的每一行前面添加一个删除图标

我有一个列表控件，在运行时，当我将数据绑定到该控件时，我希望在jquery中的每一行附加一个删除图标或按钮，以便我可以在需要时删除一行。下面是我用来将数据绑定到控件的代码

$response.aaData.eachfunction索引，val{ $multiselectSubCat .append$.valval.SubCategoryId.htmlval.SubCategoryName； }; 渲染

<select name="from" id="multiselectSubCat" multiple="multiple" style="width: 300px; top: 100px">
 <option value="9">Category1</option>
 <option value="10">Category2</option>
 <option value="11">Category3</option>
 <option value="12">Category4</option>
 <option value="13">Category5</option>
 <option value="22">Category6</option>
</select>

---

我想知道你们是否希望输入按钮或图像向用户显示你们可以删除特定的记录

我举了一个例子，我正在添加背景

.选择框{ 高度：400px； } .选择框选项{ 背景：urlhttps://cdn2.iconfinder.com/data/icons/snipicons/500/minus-sign-16.png 1px-1px不重复； 左侧填充：25px； 光标：指针； } 。选择框选项：悬停{ 背景：urlhttps://cdn2.iconfinder.com/data/icons/snipicons/500/minus-sign-16.png 1px-1px无重复eee； } 类别1 类别2 类别3 类别4 第五等级 类别6 在此基础上

试一试：

var-nav=$'nav'； 变量选择=$'。选择'； var select=selection.find'li'； nav.clickfunctionevent{ 如果导航级别为“活动”{ 导航移除类“活动”； selection.stop.slideUp200； }否则{ 导航添加类“活动”； selection.stop.slideDown200； } 违约事件； }; 选择。单击功能事件{ //更新代码以选择当前语言 select.removeClass'active'； $this.addClass'active'； alert location.href='index.php？lang=+$this.attr'data-value'； }; $.del.onclick，function e{ e、 防止违约； $this.parent.remove； }; 氢{ 宽度：200px； 背景：222人； 颜色：eee； 线高：25px； 字体大小：14px； 填充：0 10px； 光标：指针； } ol { 列表样式类型：无； } ol.select{ 显示：无； } ol.select>li{ 宽度：200px； 背景：eee； 线高：25px； 字体大小：14px； 填充：0 10px； 光标：指针； } ol.select>li:悬停{ 背景：aaa； } 。选择一个{文本装饰：无} 选择语言 英语 德国

---

你做了正确的事，只需要小小的改变

<a href="http://jsfiddle.net/ajaymalhotra15/2tmntdft/" > click here to see code </a>

---

你能为它做一把小提琴吗？我不知道怎么做。。我是这个社区的新手。那是选择控制吗？？好像是！！那个么你们就不能直接把它附加到select的选项中！！你只需要创建一个自定义选择来实现这一点不确定你想要什么…这是一个选择？您想在哪里添加删除按钮？显示呈现的html，或者转到jsfiddle.net以显示示例。这与其说是一个实际的回答，不如说是一个注释。。谢谢……是的，这可能就是我想要的列表。我想添加一个图像交叉符号。您可以将图标添加到“选择”，但您无法看到用户是否单击了“删除”按钮，或者只是选择了可以使用javascript执行的选项HI mplungjan。如果你想更改imageNo，Gaurav只需更改css中的背景图像链接。您不能在下拉列表中单击图标，然后看到您单击了背景的图标部分