如何将下拉列表中的最后一个选项设置为使用D3.js选择
How to set the last option from a drop-down list as selected using D3.js
我有一个下拉列表,其中日期作为选项:
<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; })
相关文章:
- D3选择html——传递函数时,索引从1开始,而不是从0开始
- 使用 D3 选择圆的子集
- d3.选择不追加
- 如何使用 D3 选择 JSON 数组.js 使用 .算子
- 事件处理程序中的 d3 选择:选择“与全部选择”
- 如何使用 d3 选择数据中的类别
- d3.选择不更新网页中的图表
- 我可以在D3选择中调用indexOf吗
- 七吃九:为什么我的索引8在这个d3选择中被跳过了
- 使用 D3 选择函数在 HTML 布局中正确对齐 SVG
- d3选择问题offsetParent为null
- D3选择和输入
- 我可以基于到不同数据对象的数据联接来更新D3选择器中的DOM元素吗
- D3选择SVG文本元素
- 确定给定的数组是d3选择
- 为什么我保存的D3选择在某些情况下没有效果
- D3选择.attr,.property等setter方法'值未定义时的行为
- 用D3选择iframe的主体
- 思考D3 -选择vs追加
- 将$(this)传入d3选择器