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

Question

想象我有这个组合框

<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/>

Answer 1

您可以使用 jQuery 在选择框上放置一个事件监听器。您可以分配一个更改事件，并且在选择更改时您可以读取选择的值并将其放入您需要的范围内。

工作演示 - http://codepen.io/nitishdhar/pen/CFjpz

使用这个 -

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

您还可以学习如何在工作中开始使用 jQuery。看看这个 - http://learn.jquery.com/about-jquery/how-jquery-works/