Đọc giá trị hộp văn bản ASP.NET với JavaScript

Question

Tôi đang sử dụng trang ASP.NET (3.5) và tôi có một hộp văn bản có tên là txtName.

Tôi muốn đọc giá trị bằng JavaScript như vậy nhưng nó không hoạt động.

var Name = document.getElementById(txtName).value; 
alert(Name); 

Thậm chí điều này không muốn làm việc:

var Name = document.FormName.txtName.Value; 
alert(Name); 

Công việc này với các trang HTML đơn giản nhưng không phải với trang ASP.NET của tôi, tại sao?

Answer 1

Có vẻ như txtName là ID phía máy chủ của kiểm soát của bạn. ASP.NET sẽ sử dụng một ID phía máy khách khác nhau khi nó hiển thị điều khiển dưới dạng HTML: có thể là một cái gì đó như ctl00_Container_txtName.

Bạn cần phải sử dụng tài sản ClientID của kiểm soát để có được ID client-side, và sau đó sử dụng trong getElementById cuộc gọi của bạn:

var name = document.getElementById('<%=txtName.ClientID%>').value; 

Answer 2

Bạn muốn sử dụng tốt hơn các Jquery.then, gọi juest:

$ ('<% = txtName.ClientID%>').