如何使用d3.js在select标签中更改选项时创建段落？

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

<select id="mySelect">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<p id="result"></p>

d3.select("#mySelect").on("change", function() {
  var selectedOption = d3.select(this).property("value");
  createParagraph(selectedOption);
});

function createParagraph(option) {
  var result = d3.select("#result");
  result.text("You selected: " + option);
}