JavaScript
javascript
<body>
<div class="container">
<select id="list" class="form-control">
<option value= "Audi" > Audi </option>
<option value= "BMW" > BMW </option>
<option value= "Mercedes" > Mercedes </option>
<option value= "Volvo" > Volvo </option>
</select>
<button class="btn btn-dark"> CLICK </button>
<div class="box"></div>
</div>
<script>
let list = document.getElementById("list");
list.addEventListener("change",function(){
let box = document.querySelector(".box");
box.innerHTML = list.value;
})
</script>
</body>
JQuery
JQuery
<body>
<div class="container">
<select id="list" class="form-control">
<option value="Audi">Audi</option>
<option value="BMW">BMW</option>
<option value="Mercedes">Mercedes</option>
<option value="Volvo">Volvo</option>
</select>
<button class="btn btn-dark">CLICK</button>
<div class="box"></div>
</div>
<script>
$(document).ready(function(){
$("#list").change(function(){
list = $("#list").val();
$(".box").text(list);
})
})
</script>
</body>
TrueCodes 
Hello colleagues, pleasant post and nice urging commented at this place,
I am actually enjoying by these.
LikeLike