使用 d3.js 添加不带值的属性

【问题标题】：Add attributes without values using d3.js使用 d3.js 添加不带值的属性
【发布时间】：2018-11-22 04:29:59
【问题描述】：

如何使用 d3.js 添加没有值的属性？

例如，我如何构造这样一个选项：

<option value="" disabled selected>Select something...</option>

在此示例中，disabled 和 selected 属性没有值。而value 属性的值为""。

【问题讨论】：

How to remove an attribute in D3.js?的可能重复
请不要编辑您的问题以解决 cmets。评论在 cmets 部分进行。我把它回滚了。
@GerardoFurtado，但这不是评论。您可以清楚地看到该问题被标记为重复。
@GerardoFurtado，哈哈。是不是现在任何人都可以告诉我这个问题只是重复而没有提供任何解释？
是的，任何拥有足够 RP 的人都可以出于正确或错误的原因投票关闭。如果您不同意对他/她的投票发表评论的人，请写另一条 comment 抱怨它，或将其带到元...但不要编辑您的问题来回答 cmets。另一方面，如果您有与问题相关的其他信息，可以向用户表明您的问题不是重复的，那么您应该相应地编辑您的问题。

标签： html d3.js

【解决方案1】：

您可以使用selection.property()：

某些 HTML 元素具有无法使用属性或样式寻址的特殊属性，例如表单字段的文本 value 和复选框的 checked 布尔值。使用此方法获取或设置这些属性。

因此，您的<option> 可以按照以下方式构建：

d3.select("select")
  .append("option")
    .property("value", "")
    .property("selected", true)
    .property("disabled", true)
    .text("Select something...");

【讨论】：

是不是说如果我放... .property("selected", false)，那么我会删除属性selected？
嗯，部分正确。如果要删除该属性，则需要使用.property("selected", null)。从技术上讲，这相当于将其设置为false，因为缺少该属性表示false 值。 boolean attributes 的定义见规范。