jquery - 跨度内选择菜单的文本

Question

我有一个选择下拉列表

   <select id="select_domain">
   <option value="1">Jon Doe</option>
   <option value="2">Max Mustermann</option>
   </select>

还有一个跨度

<span id="domain"></span>

在此范围内应该有我的选择菜单中所选选项的文本。

如何使用 jQuery 做到这一点？

Answer 1

也许这就是您所期望的:

 $("#select_domain").on("change", function() {
   $("#domain").text($("#select_domain option:selected").text());
 })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="select_domain">
  <option value="1">Jon Doe</option>
  <option value="2">Max Mustermann</option>
</select>
<span id="domain"></span>