使用jQuery元素添加删除元素使用html元素

Question

我想添加一个元素到dropDown并选择后删除它，通过天真地试图让htmlElement refrence定义为这样:(当然这个doeasnt工作）

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

所以后来

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

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

我也曾尝试以下变化：

var selectAnOption; 

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

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

但是这也不起作用，因为selectAnOption被设置为dropDownBox本身

当然，我可以添加一个ID选项，然后使用它来找到它来移除它，但这似乎不太漂亮。

Answer 1

敷在$()：

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

DEMO