Hoşgeldin, Ziyaretçi:

Üye Ol
Yeni Tema ! Yeni temamız forumumuza hayırlı olsun.Bu konuda fikirlerinizi beyan edebilirsiniz.
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5
HTML: Select kullanımı geniş anlatım
#1
Bir çok amaçlı olarak kullanabileceğimiz ve amacımıza göre şekillendirilerek değerlendirebileceğimiz bazı yöntemleri birlikte öğrenelim.



1.YÖNTEM



Select listeleme yaparken girilen value="" değerleri adres,sayfa adresi yönlendirme geçiş işlemini gerçekleştirir.



Örnek:

PHP Kod:
<select name="bilgi" onchange="location = this.options[this.selectedIndex].value;">
<
option selected value="">Seçiniz</option>
<
option value="index.php">Ana Sayfa</option>
<
option value="iletisim.php">İletişim</option>
</
select

2.YÖNTEM

Select listeleme yaparken girilen value="" değerleri <a href=""></a> yöntemi ile adres,sayfa adresi yönlendirme geçiş işlemini gerçekleştirir.


Örnek:

PHP Kod:
<select onchange="document.location.href=this.value"
<
option selected value="">Seçiniz</option>
<
option value="http://destek.10tr.net/t">Ana Sayfa</option>
<
option value="http://destek.10tr.net/">E-Dergi</option>
<
option value="http://destek.10tr.net/">Forum</option>
</
select


3.YÖNTEM

JAVASCRİPT İle seçim işlemi; value="" değeri web sayfa adresi olarak girilir. JAVASCRİPT İle id="yonlendirme" ile veriler sayfa içerisine girilen adresler gösterilir.

PHP Kod:
<option selected value="">Seçiniz</option>
<
option value="http://destek.10tr.net/">Ana Sayfa</option>
<
option value="http://destek.10tr.net/l">E-Dergi</option>
<
option value="http://destek.10tr.net//">Forum</option>
</
select>

<
script type="text/javascript">
$(
'#yonlendirme').change(function() {
     
window.location = $(this).val()
});
</script> 
4.YÖNTEM

JAVASCRİPT İle seçim işlemi; value="" değeri sayfanızın adı olarak girilir, yani index.php yerine index girilmelidir, ayrıca .php değeri
yerine .html gibi değerleri girerek değiştirebilirsiniz.
PHP Kod:
<select name="bilgi" onchange="javascript:sec(this)">
<
option selected value="">Seçiniz</option>
<
option value="index">Ana Sayfa</option>
<
option value="iletisim">İletişim</option>
</
select>

<
script type="text/javascript">
function 
sec(elm)
{
window.location elm.value+".php"// .html, vb. değiştirebilirsiniz.


Not:<head> kısmına aşağıdaki içeriği ekleyiniz.

PHP Kod:
<head>
<
meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<
title></title>
<
script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
</head> 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  HTML Giriş, Başlangıç ve Temel [HTML Videolu Dersler #1] Diaslock 0 6,854 13-04-2016, Saat: 20:25
Son Yorum: Diaslock
  İşinize Yarayacak HTML Kodları ve Açıklamaları. Katsiu 0 270 22-09-2015, Saat: 21:08
Son Yorum: Katsiu
  Galatasaray İntro Kodu! GS Giriş HTML Kodları! Diks 2 301 11-08-2015, Saat: 11:19
Son Yorum: Diks

Hızlı Menü:


Konuyu Okuyanlar: 1 Ziyaretçi

Türkçe Çeviri:MCTR MyBB, © 2002-2016 MyBB Group.
Desing and Coding By Mustafa SEVİM