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