如何使用D3填充JSON中的下拉选项？

<script src="https://d3js.org/d3.v7.min.js"></script>

<select id="dropdown"></select>

var options = [
  { value: "option1", label: "Option 1" },
  { value: "option2", label: "Option 2" },
  { value: "option3", label: "Option 3" }
];

var dropdown = d3.select("#dropdown");

var option = dropdown.selectAll("option")
  .data(options)
  .enter()
  .append("option");

option.text(function(d) { return d.label; })
  .attr("value", function(d) { return d.value; });