代码之家  ›  专栏  ›  技术社区  ›  manymanymore

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

  •  0
  • manymanymore  · 技术社区  · 6 年前

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

    例如,我如何构造这样一个选项:

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

    在这个例子中 disabled selected 属性没有值。和 value 属性的值为 "" .

    1 回复  |  直到 6 年前
        1
  •  3
  •   altocumulus    6 年前

    正是为了这些目的,你可以使用 selection.property() :

    有些html元素具有特殊属性,这些属性不能使用属性或样式寻址,例如表单域文本 value 还有一个复选框 checked 布尔函数。使用此方法获取或设置这些属性。

    你的 <option> 因此,可沿以下线路施工:

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