javascript – 如何在html选择中为每个选项添加删除/删除按钮?

前端之家收集整理的这篇文章主要介绍了javascript – 如何在html选择中为每个选项添加删除/删除按钮?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要创建或使用库来创建自定义html选择以删除html选择中的每个项目.像这样的东西:
<select>
    <option value="volvo">Volvo</option> <button>delete</button>
    <option value="saab">Saab</option> <button>delete</button>
    <option value="mercedes">Mercedes</option> <button>delete</button>
    <option value="audi">Audi</option> <button>delete</button>
</select>

我已经搜索了如何执行此操作以及可能存在的任何库,但我还没有找到任何内容.在IOS中存在this.我需要类似的东西,但是对于html.

更新:像这样的东西http://jsfiddle.net/b22ww/2/

解决方法

@H_502_11@ 用这个:
<ul>
    <li><input type="radio" name="list" value="volvo">Volvo <button>delete</button></li>
    <li><input type="radio" name="list" value="saab">Saab <button>delete</button></li>
    <li><input type="radio" name="list" value="mercedes">Mercedes <button>delete</button></li>
    <li><input type="radio" name="list" value="mercedes">Mercedes <button>delete</button></li>
</ul>

然后向每个删除父< li>的按钮添加事件侦听器.从列表中(Demo at jsfiddle.net).

猜你在找的JavaScript相关文章