在D3中设置<select>元素的值？

Question

如何<select>使用D3.js 设置元素的值？

我正在尝试这个:

d3.select('#myselect').attr('value', 'France');

但它没有用.

JSFiddle:http://jsfiddle.net/06z9tnzs/

Answer 1

您需要使用property而不是attr来设置值.

d3.select('#myselect').property('value', 'France');

来自d3文档:

某些HTML元素具有使用标准属性或样式无法寻址的特殊属性.例如,表单文本字段具有值字符串属性,而复选框具有已检查的布尔属性.您可以使用属性运算符来获取或设置这些属性,或者基础元素上的任何其他可寻址字段,例如className.

https://github.com/mbostock/d3/wiki/Selections#property

关于你的JSFiddle缺少d3.js引用而没有在select元素上指定"myselect"的id,Albert的注释也是正确的.