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

<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";
  });

最佳答案

您可以改为基于基准的索引来进行。让N = uniqueDates.length,然后使用:

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

关于javascript - 如何使用D3.js从下拉列表中设置最后一个选项,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/40532034/

10-12 12:53
查看更多