javascript - 包含空字符串的 HTML 属性不显示 = 运算符

Question

jQuery 中的一个用例:

 $select.append('<option value="">All</option>');

看起来它实际上是在 HTML 中添加了元素:

<option value>All</option>

相反，我想要的是附加到元素，以便它为值提供一个空字符串:

<option value="">All</option>

为什么没有发生这种情况？

Answer 1

It actually add the element in HTML

不，不是。

它将元素添加到 DOM，而不是 HTML。

当您使用浏览器的开发工具查看 DOM 时，它将使用类似 HTML 的语法显示。在此语法中，值为空字符串的 value 属性将在没有 ="" 部分的情况下呈现。 (看起来这部分语法实际上是有效的 HTML，但我没有在规范中找到允许它的部分。)

如果您是(以 Chrome 为例)，您可以右键单击其父元素并选择“编辑为 HTML”，此时您将再次看到 =""。

---

如果您要提交包含 select 元素的表单，您会看到发送的数据为:select_name=。这表明该值已正确设置为空字符串。如果它不起作用，你会得到 select_name=All，因为如果没有设置值，元素的文本将用作值。