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