Javascript 检查HTML select元素是否为空

我在HTML中有以下select元素：

<div id="myselect">
    Results
    <select></select>
</div>

---

这里的问题是

myselect

是一个数组，我知道它只有一个元素。我认为

datum（）

是获取该值的方法，但这会使

r

为空。

看起来您正在尝试获取

的原始HTMLSelect元素。尝试使用：

---

看起来您正在尝试为您的

获取原始htmlselect元素。尝试使用：

您可以使用来确定所选内容是否为空

const isEmpty = d3.selectAll("div").empty();

因为你是一个特别的例子，你可能想要更像这样的东西。您要做的是检查选择是否为空，然后使用从该选择中获取实际的

HTMLElement

datum（）

函数的使用方式不同，它将返回选择绑定到的数据对象。例如，如果您这样做了：

d3.selectAll("div")
  .data(["A", "B", "C"])
  .enter()
  .append("div")
  .attr("class", function(d) { return d; }); // will return a letter

// Go select a div and grab the data object it's bound to
// which will return the array item "B", but this could have
// equally been a complex object
d3.select("div.B").datum();

您可以使用来确定所选内容是否为空

const isEmpty = d3.selectAll("div").empty();

因为你是一个特别的例子，你可能想要更像这样的东西。您要做的是检查选择是否为空，然后使用从该选择中获取实际的

HTMLElement

datum（）

函数的使用方式不同，它将返回选择绑定到的数据对象。例如，如果您这样做了：

d3.selectAll("div")
  .data(["A", "B", "C"])
  .enter()
  .append("div")
  .attr("class", function(d) { return d; }); // will return a letter

// Go select a div and grab the data object it's bound to
// which will return the array item "B", but this could have
// equally been a complex object
d3.select("div.B").datum();

试试F12和console.log（myselect）试试F12和console.log（myselect）

d3.selectAll("div")
  .data(["A", "B", "C"])
  .enter()
  .append("div")
  .attr("class", function(d) { return d; }); // will return a letter

// Go select a div and grab the data object it's bound to
// which will return the array item "B", but this could have
// equally been a complex object
d3.select("div.B").datum();