lostyazilim
tr.link

Seçimden sonra input açılması (Jquery Chanied)

3 Mesajlar 1.848 Okunma
acebozum
tr.link

ismail03 ismail03 WM Aracı Kullanıcı
  • Üyelik 28.11.2013
  • Yaş/Cinsiyet 30 / E
  • Meslek Ameliyathane Hemşiresi
  • Konum Afyon
  • Ad Soyad I** Ç**
  • Mesajlar 2633
  • Beğeniler 344 / 487
  • Ticaret 12, (%100)
İyi günler hep gördüğümüz birşey aslında E-ticaret sitelerinde var benim projemdede gerekti buldum ama istediğim gibi değildi jquery bilmiyorum
istediğim seçim kutusundan seçim yapıldıktan(option select box) sonra bir yazı(input) alanı çıksın denedim ama nafile bilen arkadaşlar öğretici bir şekilde anlatabilir mi ? teşekkür ederim
http://www.appelsiini.net/projects/chained
 

 

elektronikssl
webimgo

ibars ibars WM Aracı Kullanıcı
  • Üyelik 01.03.2015
  • Yaş/Cinsiyet 27 / E
  • Meslek Freelance Web Developer
  • Konum Yalova
  • Ad Soyad A** A**
  • Mesajlar 59
  • Beğeniler 9 / 13
  • Ticaret 1, (%100)
İstediğiniz olayı tam olarak anlayamadım fakat anladığım kadarıyla bir select box'ınız var ve select box'tan bir satır seçildiğinde input alanının açılmasını istiyorsunuz.

öncelikle select box'ınızın idsini "secenek" varsayalım

daha sonra açılacak input alanını kapsayan divin idsinin "acilaninput" adında olduğunu varsayalım.

Yukarıdaki dediklerime göre kısmen oluşan kodlar:






ve şimdide jquery kodlarına gelelim


$(function() {
$('#secenek').change(function(){ //change fonksiyonunu kullanıyoruz
$("#acilaninput").show(); //display:none olan acilaninput idli divimizi görünür hale getiriyoruz
});
});


Anladığım kadarıyla istediğiniz olayın çözümü bu şekildedir
 

 

Arafa Arafa WM Aracı Banlı Kullanıcı
  • Üyelik 03.02.2014
  • Yaş/Cinsiyet 40 / E
  • Meslek xxxxxxxxxxx
  • Konum Kırklareli
  • Ad Soyad A** K**
  • Mesajlar 152
  • Beğeniler 6 / 11
  • Ticaret 0, (%0)
Örnek Kullanım : http://www.sorhocam.com adresindeki hızlı menü paneli


$(document).ready(function(){$("#ajax_exam").change(function(){$.ajax({type:'POST',url:'xxx.asp?mode=ajax_exam',data:'masaid='+$(this).val(),beforeSend:function(){$('#ajax_subexam').html('Yükleniyor....')},error:function(){$('#ajax_subexam').html('Bir hata algılandı.')},success:function(veri){$('#ajax_subexam').html(veri)}})})})




HIZLI MENÜ



<%kat.close : set kat = nothing%>

 

 

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al