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

Question

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

例如，我如何构建这样的选项：

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

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

Answer 1

出于这些目的，您可以使用selection.property()：

  

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

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

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