使用JavaScript讀取ASP.NET文本框值

Question

我正在使用ASP.NET（3.5）頁面，我有一個名為txtName的文本框。

我想用JavaScript這樣讀取值，但它不起作用。

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

即使這樣也不想工作：

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

這與純HTML頁面有關，但與我的ASP.NET頁面無關，為什么？

Answer 1

聽起來txtName是控件的服務器端ID。 當ASP.NET將控件呈現為HTML時，ASP.NET將使用不同的客戶端ID：可能類似於ctl00_Container_txtName 。

您需要使用控件的ClientID屬性來獲取客戶端ID，然后在getElementById調用中使用它：

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

Answer 2

你最好使用Jquery.then，juest調用：

$（ '<％= txtName.ClientID％>'）值;