2016-07-23 11 views
1

JavaScriptと調和した基本asp.net Webフォームアプリケーションがあります。 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はオープンタグとクローズタグの間にあるはずです(

これは私の内部テキスト

です)。しかし、
のような「自己閉鎖タグ」(スラッシュはクローズタグのように左側にはなく右側にある)は、オープンタグとクローズタグが存在しないため、内部に何も配置できません。 – derloopkat

関連する問題