Nhận giá trị trong một hộp văn bản đầu vào

Các cách để nhận và kết xuất giá trị đầu vào bằng jQuery là gì?

Đây là một:

$(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);

Bạn chỉ có thể chọn một giá trị theo hai cách sau:

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

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

Nếu bạn muốn sử dụng JavaScript thẳng để nhận giá trị, đây là cách:

document.getElementById('txt_name').value 

Có một điều quan trọng cần đề cập:

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

sẽ trả về giá trị thực hiện tại của trường văn bản, ví dụ nếu người dùng nhập nội dung nào đó sau khi tải trang.

Nhưng:

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

sẽ trả về giá trị từ DOM / HTML.

Bạn có thể lấy valuethuộc tính trực tiếp vì bạn biết đó là một <input>yếu tố, nhưng cách sử dụng hiện tại của bạn .val()đã là thuộc tính hiện tại.

Đối với ở trên, chỉ cần sử dụng .valuetrực tiếp trên phần tử DOM, như thế này :

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

Bạn phải sử dụng nhiều cách khác nhau để có được giá trị hiện tại của một yếu tố đầu vào.

PHƯƠNG PHÁP - 1

Nếu bạn muốn sử dụng đơn giản .val(), hãy thử điều này:

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

Nhận giá trị từ đầu vào

// 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();

Đặt giá trị thành Đầu vào

// 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");

PHƯƠNG PHÁP - 2

Sử dụng .attr()để có được nội dung.

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

Tôi chỉ cần thêm một thuộc tính cho trường đầu vào. value=""thuộc tính là người mang nội dung văn bản mà chúng ta đã nhập trong trường nhập.

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

PHƯƠNG PHÁP - 3

bạn có thể sử dụng cái này trực tiếp trên inputphần tử của bạn .

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

Bạn có thể nhận được giá trị như thế này:

this['inputname'].value

Trong đó thisđề cập đến các hình thức có chứa đầu vào.

Tôi nghĩ rằng chức năng này bị bỏ lỡ ở đây trong các câu trả lời trước:

.val( function(index, value) ) 

Để có được giá trị hộp văn bản, bạn có thể sử dụng val()hàm jQuery .

Ví dụ,

$('input:textbox').val() - Nhận giá trị hộp văn bản.

$('input:textbox').val("new text message") - Đặt giá trị hộp văn bản.

Đối với những người giống như tôi là người mới trong JS và nhận được undefinedthay vì giá trị văn bản, hãy đảm bảo rằng bạn idkhông chứa các ký tự không hợp lệ .

Bạn chỉ có thể đặt giá trị trong hộp văn bản.

Đầu tiên, bạn nhận được giá trị như

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

Sau khi nhận được một giá trị được đặt trong đầu vào như

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

Thử cái này. Nó sẽ làm việc chắc chắn.

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