JSFiddle - React, Tailwind, and code Playground

by devdev

HTML

<select id="options">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<button onclick="edit_option()">Edit</button>
<button onclick="add_option()">Add</button>
<button onclick="remove_option()">Remove</button>

JavaScript

edit_option = function (){
	var text=prompt("insert an option", $("#options option:selected").text())
	if(text)
	    $("#options option:selected").text(text)
}

add_option = function (){
    $("#options").append("<option>...</option>")
    $("#options option:last").attr("selected","selected")
    edit_option()
}

remove_option = function (){
    $("#options option:selected").remove()
}