将值为空的选项标签添加为空选择标签答案

【问题标题】：Add Option Tag with value to empty Select Tag将值为空的选项标签添加为空选择标签
【发布时间】：2013-07-24 17:37:53
【问题描述】：

我的代码中有这个元素（用 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 检查器或谷歌浏览器开发工具）。我不知道发生了什么。

感谢您的帮助。

【问题讨论】：

你能发布你是如何重新添加这个选项的吗？或者用小提琴复制？
这有点奇怪，但是当我为我的问题编写代码时，我更改了代码中的一件事，我不明白，因为选择了一个元素，但实际上并不存在，但现在它起作用了，很抱歉我的问题，这是我的第一个问题，我怎么能说它是“关闭的”或其他什么？感谢您的评论，否则我会为此错误搜索数小时；）。

标签： javascript jquery html

【解决方案1】：

在替换选择的内容时，总是可以尝试使用完整的 html。我个人对值的使用不多，但这似乎有效：

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

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

【讨论】：

我以前也这样做过，但有一些我不明白的地方（在问题下评论），但还是谢谢你;）。