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);;
});