Jquery ile textbox / input içerisine yazı yazma

Jquery ile textbox-input içerisine yazı ekleme - Serdar Karaca

Bazı projelerimizde jquery ile hesap veya her hangi bir işlem yapıp, sonucu da her hangi bir textbox veya input:text içerisine yazdırmamız gerekiyor. Ben genellikle jquery ve ajax kullanarak veritabanından çektiğim verileri jquery ile textbox içerisine yazdırıyorum. Sizlere de bu tür işlerde yardımcı olacağından eminim.

İşlem sırası söyle olacak ;

ilk olarak sayfamızda içerisine yazı yazdıracağım her hangi bir input olacak.
ikinci olarak o input’u seçeceğiz ve içerisine istediğim her hangi birşey yazdıracağız.

Hadi başlayalım ;

Html tarafında bir tane input oluşturuyorum ve ID‘sini “serdar” olarak veriyorum, bir tane de buton oluşturuyorum ve ID‘sini de “btn_Gonder” olarak veriyorum.

<input type="text" id="serdar" />
<input type="button" id="btn_Gonder" />

Jquery tarafında ;

$('#btn_Gonder').click(function () {
    $('#serdar').val("İşte bu kadar");
});

İşlem bu kadar kısa aslında. Biraz daha detaylı yapmak istersek ;

Bu sefer de html sayfama 2 tane input ve bir tane de buton ekliyorum. 
1. input’a yazdığımız verileri butona tıkladığımız da 2. input’a gönderelim.

1. input’un id’si “txt_input1”.
2. input’ın id’si “serdar”.
3. buton’un id’si “btn_Gonder”.

<input type="text" id="txt_input1"/>
<input type="button" id="btn_Gonder" value="Yazıyı input'a Gönder"/>
<input type="text" id="serdar"/>

Jquery tarafı da bu şekilde olacak ;

$('#btn_Gonder').click(function () {
    var input = $('#txt_input1').val();
    $('#serdar').val(input);;
});

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Back To Top