從選擇列表中選擇任何選項時顯示隱藏div

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); 
});