Cách truy cập hộp văn bản HTML từ javascript?

Cách truy cập hộp văn bản HTML bằng chức năng javascript?Cách truy cập hộp văn bản HTML từ javascript?

2010-11-18 Ahmad Farid

Ý của bạn là, để lấy giá trị của hộp văn bản? –

có chính xác. mà không cần quay trở lại máy chủ mặc dù –

[Các cách khác trong chủ đề trước đó] (http://stackoverflow.com/questions/4206336/how-do-i-use-javascript-to-update-the-values-of-hidden- input-fields/4206459 # 4206459) – Tobias

Set sở hữu ID trên hộp văn bản và sử dụng document.getElementById() chức năng ... Ví dụ dưới đây:

<html> 
<head> 
<script type="text/javascript"> 

function doSomethingWithTextBox() 
{ 
    var textBox = document.getElementById('TEXTBOX_ID'); 
    // do something with it ... 

} 

</script> 
</head> 

<body> 

<input type="text" id="TEXTBOX_ID"> 

</body> 
</html>

Nguồn

2010-11-18 10:04:06 Richard

Đối với conciseness, điều này sẽ không thực sự nhận được giá trị của textbox (TEXTBOX_ID) trừ khi bạn gọi hàm doSomethingWithTextBox(). Bạn sẽ cần gọi hàm doSomethingWithTextBox() sau thẻ đầu vào của bạn (TEXTBOX_ID) nếu không doSomethingWithTextBox() sẽ tìm kiếm một hộp văn bản chưa tồn tại và bạn sẽ gặp lỗi. –

document.getElementById ('textboxid'). Giá trị hoặc document.formname.textboxname.value

Nguồn

2010-11-18 10:00:14

Cho textbox của bạn một thuộc tính id, và sau đó, lấy nó với document.getElementById('<textbox id>').

Nguồn

2010-11-18 10:01:44 jolt

Trước tiên, bạn cần có khả năng để có được một DOM (Document Object Model) tham chiếu đến textbox :

<input type="text" id="mytextbox" value="Hello World!" />

Thông báo thuộc tính id, hộp văn bản hiện có id mytextbox.

Bước tiếp theo là để có được những tài liệu tham khảo trong JavaScript:

var textbox = document.getElementById('mytextbox'); // assign the DOM element reference to the variable "textbox"

này sẽ lấy một phần tử HTML bằng thuộc tính id của nó. Lưu ý rằng những id đó cần phải là duy nhất, do đó bạn không thể có hai hộp văn bản có cùng id.

Bây giờ là bước cuối cùng là để lấy giá trị của textbox:

alert(textbox.value); // alert the contents of the textbox to the user

Thuộc tính value chứa các nội dung của hộp văn bản, và đó là nó!

Để tham khảo nhiều hơn bạn có thể muốn kiểm tra một số nội dung qua tại MDC:
GetElementByID Reference
Input Element Reference
A general overview of the DOM

Nguồn

2010-11-18 10:10:20

Rất đơn giản, hãy thử này:

<!doctype html> 
<html> 
    <head> 
     … 
    </head> 
<body> 
    <form> 
     <input id="textbox" type="text" /> 
    </form> 
    <script> 
     var textboxValue = document.getElementById("textbox").value; 
    </script> 
</body>

Các biến textboxValue sẽ bằng wha bạn đã gõ vào hộp văn bản.

Hãy nhớ bạn phải đặt tập lệnh của mình, nếu được viết đơn giản như thế này, sau trường văn bản (trường input) xuất hiện trong HTML của bạn, nếu không trang tải lần đầu tiên bạn gặp lỗi, vì tập lệnh đang tìm kiếm input trường chưa được trình duyệt tạo ra.

Tôi hy vọng điều này sẽ hữu ích!

Nguồn

2010-11-18 10:13:18

Cách truy cập hộp văn bản HTML từ javascript?

Trả lời

Các vấn đề liên quan