JavaScript函数尚未在asp.net中按预期执行

时间:2016-07-23 11:50:14

标签: javascript jquery asp.net

我有一个与JavaScript协调的基本asp.net Web表单应用程序。有一个jQuery日历,我尝试将所选日期发送到服务器。

<%@ 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 个答案:

答案 0 :(得分:1)

没有内部html,因为输入是自闭标签。

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