Skip to main content

How to remove a option from Select box using javascript?



function deleteOption(id) {
listElem = document.getElementById(id);
// id of the select box in the html

if(listElem.selectedIndex >= 0)

listElem.removeChild(listElem.options[listElem.selectedIndex]);
//selected item in the select box will be removed

if( listElem.options.length == 0 ){

var newOption = document.createElement("OPTION");

newOption.text = "Select One";
// if all the members are removed add default text

newOption.value = "Select One";
//default value for the default option text

listElem.add(newOption);

}
}

Comments

Popular posts from this blog

How to deselect all the selection in a select ( combo ) box?

In a HTML page sometimes we may have to deslect all the selection in a select control of html. but as a user we can't do anything. But using Javascript programatically we can achieve this. Here is the sample code in Javascript. function clearSelect( selectObj ){ for (var i = 0; i < selectObj .options.length; i++) { selectObj .options[i].selected = false; } } note: we need to pass the select object as a parameter to this function. the alternative to this code is function clearSelect( selectObj ){ selectObj.selectedIndex = -1; }