javascript/jquery remove or delete option from select

Question

I need to delete an option from a select in certain circumstances.

Basically:

if(mystatement == true)
{
   //remove item with id 'option1' from select of id 'select1'
}

Anyone know the code for me to achieve this?

Many thanks.

Answer 1

Edit

Since id is unique in the document no need to relate it to the parent select element. You can do simply

$("#option1").remove();

Answer 2

jQuery:

$("#option1").remove();

or

$("#select").remove("#option1");

And the classic javascript method:

var option1 = document.getElementById("option1");
document.getElementById("select1").removeChild(option1);

Answer 3

Remove by Value:

$("#select1 option[value=1]").remove();

Remove by Text:

$("#select1 option:contains(Text)").remove();