将HTML选项值设置为空字符串

Question

我有以下用于在页面上创建的HTML代码：

<select>
    <option value="" selected>test</option>
    <option value="test2">test2</option>
</select>

但是，在Google Chrome浏览器的DOM检查器中查看HTML时，它看起来像这样：

<select>
    <option value selected>test</option>
    <option value="test2">test2</option>
</select>

看到区别？对于第一个<option>...</option>，value=""变为value。设置为空字符串时，该值将被丢弃。有没有办法将option标签的值设置为空字符串？我需要这个，因为我从数据库中提取元素来创建<select>菜单。每个<option>都将value设置为数据库元素的值，其中一些元素将空字符串作为其值。

Answer 1

这只是Google Chrome的DOM检查员的符号（从属性中删除'=“”'）。如果您使用FireBug进行检查或只是查看源，那么您将看到它没问题。

您的示例代码会在Google Chrome中生成此代码：

这是FireFox中的结果：

所以不要担心。

Answer 2

鲍勃 正如汉克所说，你可以使用 selected = "selected" or "" 所以代码将是：

<select>
<option value="" selected="selected">test</option>
<option value="test2">test2</option>

或

<select>
<option value="" selected="">test</option>
<option value="test2">test2</option>

查看此文章可能有所帮助： W3 option language reference

Answer 3

<option value="" selected="selected">test</option>

这意味着值为空字符串。即使chrome中的dom检查员显示你喜欢那个