Jquery İnput İçindeki Yazıyı Alma / Yazdırma ?

0 oy
1,088 Görünüm
9, Şubat, 2015 Jquery kategorisinde Okan Toprak (163 puan) tarafından soruldu

merhaba bir inputun içine girilen bir isim bilgisini almak istiyorum kullanıcı bu input girişine isim yazıp butona tıklayınca şu şekilde Yazdıracamda  ''Merhaba Kullanıcı Adı HoşGeldin'', Yani İnput'a Girilen Veriyi Alıp Adama Vereceğim Mesajda Kullanacağım, Nasıl Yaparım Jquery'de İnputtan Yazı Almayı?

Paylaş

1 cevap

+1 oy
10, Şubat, 2015 KOD-KARTAL (8,682 puan) tarafından cevaplandı
13, Şubat, 2015 CODE-LORD tarafından seçilmiş
 
En İyi Cevap

Merhaba Öncelikle İhtiyacımız Olanlar 1x Makas, 1x Siyah Bant  ... Tamam, Tamam :)

Konuya Geçiyorum.

Şimdi Bir İnput'a İsim Girilecek Giriş Butonuna Basılacak Ve Alert Olarak, Girilen İsim Alınıp Kullanılarak Bu Kişiye Merhaba Kişi Denilecek :)

Teknik Olarak Burada İnput'a Girilen Bilgiyi Değişken Olarak Belirtmeli, Ve Bu Değişkeni Daha Sonra Yazdıracağımız Hoşgeldin Yazısının İçinde Çekip Sunmalıyız...

 

Örneğin :) (Kodun Tamamını Altta Verdim Ayrıca)

  $('button').click(function(){      

Butona Tıklanınca Oluşacak Olaylar İçin Funksiyon Açtık

   $w3uzmangiris = $('input').val();

$w3uzmangiris Adında Bir Değişken Oluşturduk Bunun Karşılığı İse İnput Nesnesi, Bu İnput İçindeki Metni Almak İçinde Sonuna .val() Özelliği Belirttik.

    alert('merhaba ' + $w3uzmangiris + ', Hoşgeldin!')

En Başta Dediğimiz Gibi Tıkladığımız Zaman Oluşacak, Alert'i Belirttik Bu Alertte'de Merhaba ve Hoşgeldin Arasına Tırnakları Kapatıp +İle Değişkenimizi Bağladık Bu araya Değişkenimiz Yazdırılacak..
});

ve Tıklama Üzerine Fonksiyonumuzu Kapattık

 

Yorumsuz Kodlar (Normal Jquery Başlangıcını Başa Ekledim, Hani Eklemeyen Varsa Neden Çalışmıyo Demesin :))

Html Kodu:

<input type="text"></input>
<button>Giriş Yap!</button>

 

Jquery Kodu:

$(document).ready(function(){
    $('button').click(function(){
    $w3uzmangiris = $('input').val();
        alert('merhaba ' + $w3uzmangiris + ', Hoşgeldin!')
    });
});

 

Not: W3 Uzman Platformu İçindeki Cevapların Bağlantılı Kaynakları Belirtilmeden Paylaşılması Yasaktır..

13, Şubat, 2015 CODE-LORD (1,876 puan) tarafından yorumlandı
Açıklayıcı Olmuş Güzel..
Bu Hafta En Aktif Üyeler
    ...