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

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

3 个答案: