選択リストから任意のオプションを選択すると非表示のdivが表示されます

Question

id="select"の選択リストと非表示のdivがあります。私は選択リストから任意のオプションを選択すると、（id="choosen"）

ヘルプのdivを表示する必要が私にしてください

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