Listboxımız aşağıdaki gibi olsun:
<select id="list">
<option value="deneme1">Deneme 1</option>
<option value="deneme1">Deneme 2</option>
<option value="deneme1">Deneme 3</option>
<option value="deneme1">Deneme 4</option>
<select>
Labelımız da şöyle:
<span id="label"></span>
Listbox ın onchange eventine listDegisti() isimli bir fonksiyon yazalım.
<select id="list" onchange="listDegisti()">
<option value="deneme1">deneme1</option>
<option value="deneme1">deneme1</option>
<option value="deneme1">deneme1</option>
<option value="deneme1">deneme1</option>
<select>
Sonra da sayfanın en altına fonksiyonu tanımlayalım:
<script>
function listDegisti(){
document.getElementById('label').value = document.getElementById('list').value;
}
</script>
Eğer listenin görünen isimleriyle değerleri farklıysa:
<script>
function listDegisti(){
if(document.getElementById('list').value == "deneme1"){
document.getElementById('label').value = "Deneme 1";
}
if(document.getElementById('list').value == "deneme2"){
document.getElementById('label').value = "Deneme 2";
}
if(document.getElementById('list').value == "deneme3"){
document.getElementById('label').value = "Deneme 3";
}
if(document.getElementById('list').value == "deneme4"){
document.getElementById('label').value = "Deneme 4";
}
}
</script>
Telefondan ancak bu kadar
Nexus 5 cihazımdan Tapatalk kullanılarak gönderildi
