从选择列表

Question

我有一个包含id="select"的选择列表和一个隐藏的div。当我从选择列表中选择任何选项时，需要显示div（id="choosen"）

请帮帮我

<select id="select" name="select" class="selectpicker" data-live-search="true" title="выберите">
<option value="0">0</option>
<option value="1">1</option>
</select>

 <!-- show this div -->
 <div id="сhoosen" style="display:none"></div>

Answer 1

我希望这就是你要找的东西：

<p>Select</p>

<select id="select" onchange="selFunction()">
  <option value="100">100
  <option value="200">200
  <option value="300">300
  <option value="400">400
</select>


<p id="chosen" style="display:none;"></p>

<style>
  #chosen{   
    background:red;
    color:#fff;
    width:100px;
    height:50px;
  text-align:center;}
  
</style>

<script>
function selFunction() {
    var x = document.getElementById("select").value;
    var result = document.getElementById("chosen");
      result.style.display = "block"; //make #chosen visible
      result.innerHTML = x ; //output selected value
}
</script>

Answer 2

尝试：

 $("#select").change(function() {
     var val = $(this).val();
     $('#choosen').text(val);
 });