1. Ana Sayfa
  2. Javascript
  3. JavaScript Dersleri – Select Kullanımı

JavaScript Dersleri – Select Kullanımı

select

select
Önceki iki javascript dersimizde Checkbox kullanımı ve Radio Button Kullanımı nı anlatmıştık şimdi sıra geldi bir başka form elemanı olan select nesnesine select ile kullanıcı bir açılan liste halinde kendisine sunulan seçeneklerden bir veya daha fazlasını seçmek için kullanır. Doğum Yılınız, Mesleğiniz,Memleketiniz gibi seçeneklerde kullanaılanbilir. Eğer birden fazla durum seçilecekse multiple=”multiple” parametrelerinin ekllenmesi gerekir.
[wp-js-fiddle url=”http://jsfiddle.net/BilisimOgretmeni/x768Q/” style=”width:100%; height:400px; border:solid #4173A0 1px;”]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.bilisimogretmeni.com</title>
<script type="text/javascript" language="javascript">
function ekranayaz()
{
document.secim.degisken.value="";
for (i=0;i<document.secim.liste.length;i++)
  {
  if (document.secim.liste[i].selected)
    {//www.bilisimogretmeni.com
    document.secim.degisken.value += document.secim.liste[i].value + " ";
    }
  }
}
</script>
</head>
<body>
<form name="secim">
Doğum Yeriniz<br />
<select  name="liste">
<option value="05" >Amasya</option>
<option  value="06">Ankara</option>
<option  value="07">Anlatya</option>
<option  value="60">Tokat</option>
<option  value="61">Trabzon</option>
<option  value="55">Samsun</option>
</select>
<input type="button"  value="Gönder"  onclick="ekranayaz()"/>
<input type="reset" value="Temizle" /><br />
Memleketiniz=<input type="text" name="degisken" />

</form>
</body>
</html>

Yorum Yap
Subscribe
Bildir
guest

This site uses Akismet to reduce spam. Learn how your comment data is processed.

0 Yorum
Inline Feedbacks
View all comments