Показать скрытый 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

Try:

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