Boşluk Tuşuna Basınca Aktif Oluyor ?

03-02-2016, 13:34:42

Üyeliği durduruldu

kodlama aşağıdaki gibi ama selectboxdan seçiyorum boşluk tuşuna basınca aktif oluyor ve öğrencinin öğrenci numarasını getiriyor ben direk getirsin istiyorum seçince bunu nasıl yapabilirim ?

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script>
function gonder() {
  jQuery.ajax({
  type: 'POST',
  url: 'verial.php',

  data: $('#veri-formu').serialize(),
  error:function(){ $('#yazdir').html("Bir hata algılandı."); },
  success: function(veri) { $('#yazdir').html(veri);} 
  });
}
</script>
<form id="veri-formu" method="post" >
Öğrenci  Adı: 
<select name="ad"onkeydown="gonder()" />
<option>Ali</option>
<option>Veli</option>
<option>Mehmet</option>
</form>

<div id="yazdir"></div>

03-02-2016, 14:28:13

#2

MesutEyrice

<form id="veri-formu" method="post" > 
Öğrenci  Adı:  
<select name="ad" onchange="gonder()" /> 
<option value="">--Seçiniz--</option>
<option>Ali</option> 
<option>Veli</option> 
<option>Mehmet</option> 
</form>

İşini görür sanırım.

Prisoners adlı üyeden alıntı: mesajı görüntüle

kodlama aşağıdaki gibi ama selectboxdan seçiyorum boşluk tuşuna basınca aktif oluyor ve öğrencinin öğrenci numarasını getiriyor ben direk getirsin istiyorum seçince bunu nasıl yapabilirim ?

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script>
function gonder() {
  jQuery.ajax({
  type: 'POST',
  url: 'verial.php',

  data: $('#veri-formu').serialize(),
  error:function(){ $('#yazdir').html("Bir hata algılandı."); },
  success: function(veri) { $('#yazdir').html(veri);} 
  });
}
</script>
<form id="veri-formu" method="post" >
Öğrenci  Adı: 
<select name="ad"onkeydown="gonder()" />
<option>Ali</option>
<option>Veli</option>
<option>Mehmet</option>
</form>

<div id="yazdir"></div>

03-02-2016, 14:35:45

#3

~~Prisoners~~

Üyeliği durduruldu

MesutEyrice adlı üyeden alıntı: mesajı görüntüle

<form id="veri-formu" method="post" > 
Öğrenci  Adı:  
<select name="ad" onchange="gonder()" /> 
<option value="">--Seçiniz--</option>
<option>Ali</option> 
<option>Veli</option> 
<option>Mehmet</option> 
</form>

İşini görür sanırım.

malesef aynı hocam

03-02-2016, 14:41:51

#4

MesutEyrice

Selectbox da onchange yani değiştirme yapmadığınız sürece gonder fonksiyonu tetiklenmez. Yani Selecbox ı tıklayıp ali nin üzerine gelip boşluğa basarsanız oda bir onchange seçme işaretidir. Aksi halde sayfa açılınca space tuşuna bassanızda gonder fonksiyonu çalışmaz.

Prisoners adlı üyeden alıntı: mesajı görüntüle

malesef aynı hocam

03-02-2016, 23:37:16

#5

zentamedia

Bu şekilde işini görecektir.

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
<script> 

$(function(){

$.fonk = function gonder() { 
  jQuery.ajax({ 
  type: 'POST', 
  url: 'verial.php', 

  data: $('#veri-formu').serialize(), 
  error:function(){ $('#yazdir').html("Bir hata algılandı."); }, 
  success: function(veri) { $('#yazdir').html(veri);}  
  }); 
} 

$(document.body).on("change","#select-secim",function(){
$.fonk();
});

});

</script> 
<form id="veri-formu" method="post" > 
Öğrenci  Adı:  
<select name="ad" id="select-secim" /> 
<option>Ali</option> 
<option>Veli</option> 
<option>Mehmet</option> 
</form> 

<div id="yazdir"></div>