Jquery Ders-40 selected Kullanımı
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

Jquery Ders-40 selected Kullanımı

profil
cArleone
BEĞEN(0)
BEĞENME(0)
GÖRÜNTÜLENME(2046)
RAPOR ET
Jquery derslerimize kaldığımız yerden devam ediyoruz.Bu derste selected filtresini anlatacağım.İşlevi ise select içindeki optionlardan bize seçili olanı veriyor.Ajax işlemlerinde falan işimize yarayan bir filtre.Selected filtresi optionlara uygulanır.

$("select option:selected")

Şeklinde seçili olan optiona erişiyoruz.Kullanımı oldukça kolay.Ben genelde select de bir şey seçildiğinde onla ilişkin bir alt select açmak için kullanıyorum.Örnek ülke seçtikten sonra o ülke ile ilgili şehirlerin açılması gibi.

Genel örnek :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>UstaDerslik</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.js"></script>
<script type="text/javascript">
$(function(){
$(".gizli").hide();

$("#sec").change(function(){
var id=$("#sec option:selected").attr("id");
$(".gizli").hide(300);
$("select#"+id).show(300);
});
});
</script>
</head>
<body>

<select multiple="multiple" id="sec">
<option id="alan-1">alan-1</option>
<option id="alan-2">alan-2</option>
<option id="alan-3">alan-3</option>
</select>

<select multiple="multiple" id="alan-1" class="gizli">
<option>alan-1-1</option>
<option>alan-1-2</option>
<option>alan-1-3</option>
</select>

<select multiple="multiple" id="alan-2" class="gizli">
<option>alan-2-1</option>
<option>alan-2-2</option>
<option>alan-2-3</option>
</select>

<select multiple="multiple" id="alan-3" class="gizli">
<option>alan-2-1</option>
<option>alan-2-2</option>
<option>alan-2-3</option>
</select>

</body>
</html>



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol