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();