Get the selected index of a drop down jQuery

Home » Source Code » Get the selected index of a drop down jQuery

Jumat, 22 Februari 2013

Get the selected index of a drop down jQuery

Pokoknya tentang jQuery how to get the selected index of a drop down on change.

gak tau juga gimana harus ngejelasinnya, pokoknya ya gitu deh.. di coba aja ni sourcenya

. ketika memakai "jquery-1.5.js" its works sih, tapi pas nyoba pakai "jquery-1.8.0.js" kok gak bisa yah ?

yg bener gimana sih, moga ada yg mau jawab...

<!-- save_as.html -->
<html>
<head>
<style>
#konten div { 
 width:150px;
 padding:5px;
 height:100px;
 border:1px solid black;
}
</style>
<script src="http://code.jquery.com/jquery-1.5.js"></script>
<script>
$(document).ready(function(){
 $("div#konten div").hide();
 $("div#konten div:nth-child(1)").show();
 $("select").change(function() {
  var I = $(this).attr("selectedIndex");
  var I2 = parseInt(I) + 1;
  $("div#konten div").hide();
  $("div#konten div:nth-child("+I2+")").show();
 });
});
</script>
</head>
<body>
 <select>
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 4</option>
 </select>

 <div id="konten" >
  <div>
 Ini Konten Option 1 </div>
<div>
 Contoh Konten Option 2 </div>
<div>
 Konten Option 3 Konten Terakhir </div>
</div>
</body>
</html>

Oke gitu aja, males
~~coding~~#eh males nulis. Mau dengerin TV dulu

, #eh comment dong

Info Sekitar Kita

Jumat, 22 Februari 2013

Get the selected index of a drop down jQuery

Tidak ada komentar:

Posting Komentar