D3.js：获取所选下拉选项的文本？

Question

我有一个这样的下拉选择，并希望使用 D3.js 检索所选选项的文本

<select id = "dropdown">
   <option value = "Activity1">Watch TV< /option>
   <option value = "Activity2">Sleep</option>
   <option value = "Activity3">Study</option>
</select>"

我可以通过以下方式获得我的选择的价值： var ActivityNumber = d3.select("#dropdown").property("value") ;

但是我需要帮助来检索选择的文本。 - 根据浏览器选择“看电视”或“睡眠”或“学习”..

提前谢谢你..

Answer 1

您需要的 CSS 选择器是 'option:checked'。

因此，要使用 D3 和您的标记获取当前选择的值，您可以使用以下代码：

const selectedText = d3.select('#dropdown option:checked').text();