Girdi metin kutusundaki değeri alın

JQuery kullanarak giriş değeri almanın ve oluşturmanın yolları nelerdir?

İşte burada:

$(document).ready(function() {
  $("#txt_name").keyup(function() {
    alert($(this).val());
  });
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<input type="text" id="txt_name" />

//Get
var bla = $('#txt_name').val();

//Set
$('#txt_name').val(bla);

Yalnızca aşağıdaki iki yolla bir değer seçebilirsiniz:

// First way to get a value
value = $("#txt_name").val(); 

// Second way to get a value
value = $("#txt_name").attr('value');

Değeri elde etmek için düz JavaScript kullanmak istiyorsanız, nasıl yapacağınız aşağıda açıklanmıştır:

document.getElementById('txt_name').value 

Belirtilmesi gereken önemli bir şey var:

$("#txt_name").val();

örneğin, kullanıcı bir sayfa yüklendikten sonra oraya bir şey yazmışsa, metin alanının geçerli gerçek değerini döndürür.

Fakat:

$("#txt_name").attr('value')

DOM / HTML'den değer döndürür.

valueBir <input>öğe olduğunu bildiğiniz için özelliği doğrudan alabilirsiniz , ancak şu anki kullanımınız .val()zaten geçerli olanıdır.

Yukarıdakiler için sadece .valueDOM öğesinde doğrudan şu şekilde kullanın :

$(document).ready(function(){
  $("#txt_name").keyup(function(){
    alert(this.value);
  });
});

Bir giriş öğesinin geçerli değerini elde etmek için çeşitli yollar kullanmanız gerekir.

YÖNTEM 1

Bir basit kullanmak istiyorsanız şunu .val()deneyin:

<input type="text" id="txt_name" />

Girdi'den değer alma

// use to select with DOM element.
$("input").val();

// use the id to select the element.
$("#txt_name").val();

// use type="text" with input to select the element
$("input:text").val();

Değeri Giriş olarak ayarla

// use to add "text content" to the DOM element.
$("input").val("text content");

// use the id to add "text content" to the element.
$("#txt_name").val("text content");

// use type="text" with input to add "text content" to the element
$("input:text").val("text content");

YÖNTEM - 2

.attr()İçeriği almak için kullanın .

<input type="text" id="txt_name" value="" />

Giriş alanına yalnızca bir özellik ekliyorum. value=""özelliği, girdi alanına girdiğimiz metin içeriğini taşıyan kişidir.

$("input").attr("value");

YÖNTEM - 3

bunu doğrudan inputöğenizde kullanabilirsiniz.

$("input").keyup(function(){
    alert(this.value);
});

Aşağıdaki gibi bir değer elde edebilirsiniz:

this['inputname'].value

Burada thisgirişi içeren formu ifade eder.

Bence bu fonksiyon burada önceki cevaplarda kaçırılmış:

.val( function(index, value) ) 

Metin kutusu değerini almak için jQuery val()işlevini kullanabilirsiniz .

Örneğin,

$('input:textbox').val() - Metin kutusu değerini alın.

$('input:textbox').val("new text message") - Metin kutusu değerini ayarlayın.

Benim gibi JS'de yeni başlayanlar ve undefinedmetin değeri yerine almak için idgeçersiz karakterler içermediğinden emin olun .

Metin kutusundaki değeri kolayca ayarlayabilirsiniz.

İlk olarak,

var getValue = $('#txt_name').val();

Girdiye benzer bir değer ayarladıktan sonra

$('#txt_name').val(getValue);

Bunu dene. Kesinlikle işe yarayacak.

var userInput = $('#txt_name').attr('value')