Thursday, June 6, 2024
 Popular · Latest · Hot · Upcoming
167
rated 0 times [  170] [ 3]  / answers: 1 / hits: 83608  / 11 Years ago, wed, september 18, 2013, 12:00:00

I need to create or use a library to create a custom HTML <select> to delete each item in the HTML <select>. Something like this:



<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>


I have searched how to do this and for any library that might exist to do this, but I haven't found anything. In iOS exists this. I need something like that but for HTML.



UPDATE: Something like this http://jsfiddle.net/b22ww/2/


More From » jquery

 Answers
61

Use this:



<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>


Then add event listeners to each button that removes the parent <li> from the list (Demo at jsfiddle.net).


[#75611] Tuesday, September 17, 2013, 11 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
braeden

Total Points: 231
Total Questions: 96
Total Answers: 86

Location: Somalia
Member since Mon, Dec 28, 2020
4 Years ago
braeden questions
Fri, Oct 29, 21, 00:00, 3 Years ago
Thu, Oct 10, 19, 00:00, 5 Years ago
;