Add Remove element with Jquery using a refrence to html element

Question

I am trying to add an element to a dropDown and after selection remove it, by naively trying to have htmlElement refrence defines as such : (Of course this doeasnt work)

var selectAnOption = "<option value='' selected='selected'>Select One</option>";

So later

 var addSelectAnOption = function () { ('#ddb1').prepend(selectAnOption ); };

var removeSelectAnOption = function () { selectAnOption.remove(); };

I have also tried the following variation:

var selectAnOption;

 var addSelectAnOption = function () { selectAnOption = $('#ddb1').prepend("<option value='' selected='selected'>Select One</option>"); };

var removeSelectAnOption = function () { selectAnOption.remove(); };

But this also didn't work, as selectAnOption was set to the dropDownBox itself

Of course I could add the option with an id and then later use that to find it to remove it, but that seemed not too pretty.

Assuming only one option is ever selected at one time, you could use $('option[selected="selected"]').remove(); — John Detlefs
– John Detlefs, Commented Jul 28, 2016 at 1:18

Ashkan Mobayen Khiabani · Accepted Answer · 2016-07-28 01:25:46Z

1

wrap it in $():

var selectAnOption = $("<option value='' selected='selected'>Select One</option>");

DEMO

edited Jul 28, 2016 at 1:25

answered Jul 28, 2016 at 1:20

Ashkan Mobayen Khiabani

34.4k35 gold badges112 silver badges187 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Add Remove element with Jquery using a refrence to html element

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related