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>