javascript - 将值为空的选项标签添加为空选择标签

Question

我在我的代码中有这个元素（用 jquery 添加，工作正常）：
<span id='userProfileHiddenSelectBox' class='profileItem'><select disabled><option value='no' selected>-No hidden contents-</option></select></span>
之后这个选项被删除，其他一些选项被放入 select 标签，现在启用。
也许稍后（取决于用户交互），其他选项被删除，选择被禁用，我试图再次将旧选项标签放入其中。
这有效，如果它没有值属性（但我需要它用于其他一些代码）。
但是，如果我添加 value 属性（我尝试了 jquery .val('theValue'), .attr('value','theValue') 并将其与 option 元素一起添加），则选项标签会在屏幕和代码中消失（ Firefox 检查器或谷歌浏览器开发工具）。我不知道发生了什么。

谢谢你的帮助。

Answer 1

替换选择的内容时，总是可以尝试使用完整的 html。我个人并没有玩太多价值观，但这似乎有效：

$("selector").html("<option value='no' selected>-No hidden contents-</option>");

虽然我知道这可能不是最好的方法，但它可以在紧要关头完成。