JavaScript和HTML-如何将组合框的选定选项的值放入范围？

想象一下我有这个组合框

<select name="simulate_option" id="simulate_opt">
<option value="EUR" selected="selected">EUR</option>
<option value="USD">USD</option>
<option value="CHF">CHF</option>
<option value="GBP">GBP</option>
</select>   

欧元
美元
瑞士法郎
英镑

如何将所选选项的值自动放入该范围

<span id="span_combo"><span/>

---

您可以使用jQuery在选择框中放置事件侦听器。您可以指定一个on change事件&更改select时，您可以读取select的值并将其放入所需的范围内

工作演示-

使用此项—

$(document).ready(function(){
  $('#simulate_opt').change(function(){
    var value = $(this).val();
    $('#span_combo').text(value);
  });
});

您还可以学习如何在工作中开始使用jQuery。如果您使用jQuery，请查看此-

：

$("#simulate_opt").change(function(){
    $("#span_combo").html($(this).val());
});

非jQuery方式：

更改值时调用函数：

<select name="simulate_option" id="simulate_opt" onchange="test();return false;">
     <option value="EUR">EUR</option>
     <option value="USD">USD</option>
     <option value="CHF">CHF</option>
     <option value="GBP">GBP</option>
</select>   
<span id="span_combo"><span/>

---

但是我对jQuery一点也不了解：（，我甚至不知道如何将它插入html@user3707533-已更新我的答案以显示如何操作。请检查。非常感谢，我将尝试：D@user3707533-很高兴我能帮上忙。一定要接受对你有用的答案。它奏效了，非常感谢你！感谢所有帮助我的人！

function test(){
    document.getElementById("span_combo").innerHTML = document.getElementById("simulate_opt").value;
}