2016-07-23 30 views
1

我有一個基本的asp.net web表單應用程序與JavaScript協調。有一個jQuery日曆,我嘗試將選定的日期發送到服務器。在asp.net中JavaScript函數沒有按預期執行

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CalendarSample1.aspx.cs" Inherits="CalendarApplication.CalendarSample1" %> 

<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta charset="utf-8"/> 
    <meta name="viewport" content="width=device-width, initial-scale=1"/> 
    <title>jQuery UI Datepicker - Default functionality</title> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css"/> 
    <link rel="stylesheet" href="/resources/demos/style.css"/> 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
    <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script> 
    <script> 
     $(function() { 
      $("#datepicker").datepicker(); 
     }); 


    </script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 

     <p>Date: <input type="text" id="datepicker" onclick="datepickerSendData()"/></p> 
     <br /> 
     <input ID="lblDates" /> 
     <br /> 
     <br /> 
     <asp:Button ID="btnTamam" Text="Tamam" runat="server" OnClick="btnTamam_Click" /> 
    </div> 
    </form> 
</body> 
</html> 

<script type="text/javascript"> 
    function datepickerSendData() { 
     document.getElementById("lblDates").innerHTML = "YOU CLICKED ME!"; 
    } 

</script> 

JavaScript函數datepickerSendData預期還沒有表現。然而,我預計改變lblDates的內容沒有任何變化。你能指出問題嗎?

在此先感謝。

回答

1

沒有內部html,因爲輸入是自閉標籤。

document.getElementById("lblDates").value = "YOU CLICKED ME!"; 
+0

謝謝您的回覆。我想知道爲什麼innerHTML不起作用?在哪些情況下,我們將使用innerHTML? – tahasozgen

+0

內部文本或內部html應該位於打開和關閉標記之間(

,這是我的內部文本

)。但是像
這樣的「自動關閉標籤」(注意斜槓在右邊,而不是像在close-tags中那樣在左邊)不能有內在的任何東西,因爲沒有開放標籤和關閉標籤。 – derloopkat

相關問題