javascript - onchange后在javascript代码中获取文本框值

Question

在我的页面上，我使用带有日历扩展器的文本框来获取日期值。我已添加onchange="ValidateStartDate();"到文本框中。

 <asp:TextBox ID="TextBoxStartDate" runat="server"  ForeColor="Red"    
     onchange="ValidateRsmStartDate();"> 
     </asp:TextBox>               

<asp:CalendarExtender ID="CalendarExtenderStartDate" 
  TargetControlID="TextBoxStartDate"
  BehaviorID="ceStartDate"  
  PopupButtonID="CalendarExtenderStartDatePopup"                                                                     
  Format="MM/dd/yyyy" runat="server">
  </asp:CalendarExtender>

<img class="Spacer" id="CalendarExtenderStartDatePopup" src="Images/Calendar.png"                                                                                
   alt="Start Date" />

我的javascript函数：

function ValidateStartDate() {
   var txtDate = document.getElementById('<%=TextBoxStartDate.ClientID  %>');
   alert(txtDate.innerHTML);
}

但是alert()，我根本没有任何价值。

Answer 1

文本框not有innerHTML，你需要使用value

改变

alert(txtDate.innerHTML);

到

alert(txtDate.value);

Answer 2

您可以轻松地从 jquery 集成它。只需在您的函数中写下一行。

alert($("#<%=TextBoxStartDate.ClientID  %>").val());

或者

将您的代码替换alert(txtDate.innerHTML);为alert(txtDate.value);

Answer 3

使用 jQuery：

$(function(){
    $('<%=TextBoxStartDate.ClientID%>').on("change", function(){
     alert($(this).val());
    });
});