javascript - 如何使用 D3.js 设置下拉列表中的最后一个选项

Question

我有一个下拉列表，其中包含日期作为选项:

<select id="dateSelector">
  <option value="2016-01-01">Январь 2016</option>
  <option value="2016-02-01">Февраль 2016</option>
  <option value="2016-03-01">Март 2016</option>
</select>

我需要将列表中的最后一个日期(最近的)设置为所选日期。我设法通过手动指定日期来做到这一点。那么，如果将来有更多日期作为选项出现在列表中，我该如何自动执行此操作？

d3.select("select#dateSelector")
  .selectAll("option")
  .data(uniqueDates)
  .enter()
  .append("option")
  .text(function(d) {
    return formatRU(new Date(d));
  })
  .attr("value", function(d) {
    return d;
  })
  .property("selected", function(d) {
    return d === "2016-03-01";
  });

Answer 1

您可以改为基于数据的索引来执行此操作。让 N = uniqueDates.length，然后使用:

.property("selected", function(d, i) { return i == N-1; })