2011-08-19 118 views
0

您好我想從我的頁面引用datepicker選擇日期選擇器的文本框後,從JavaScript寫入HTML文檔。只是想知道是否有辦法來觸發這一點。通常情況下,我只是寫在線,但爲了我在做什麼,我需要它是動態的。激活日期文本框後寫入日期文本框javascript從javascript

 <body> 
    <script> 
    function popHTML() { 
    var MyInside = document.getElementById("MyInside") 
    var ohtml 
    ohtml = "" 

    ohtml = "<table><tr><td height=\"37\"><input type=\"text\" id=\"XDATE2\" name=\"XDATE2\" /></td></tr></table>" 

    MyInside.innerHTML = ohtml 
    } 
    </script> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7/jquery-ui.min.js"></script> 

    <table><tr><td><input type="button" onclick="popHTML()"></td><td id="MyInside"></td></tr></table> 

    <script type="text/javascript"> 
    var DatePicked = function() { 

      var departure = $("#XDATE"); 
      var arrival = $("#arrival"); 
      var nights = $("#nights"); 

      var triggeringElement = $(this); 

      var departureDate = departure.datepicker("getDate"); 


    } 
    $(function() { 

      $("#XDATE, #arrival").datepicker({ 
        onSelect: DatePicked 
      }); 

    }); 

</script> 






    </body></html> 
+0

這是偉大的,它的工作... – Matt

回答

0

你需要把這段代碼

$("#XDATE, #arrival").datepicker({ 
        onSelect: DatePicked 
      }); 

在函數內部(或稱),輸入元素寫入到文件的功能裏面,輸入元素寫入之後。

在你的情況將是該行後:

MyInside.innerHTML = ohtml 
相關問題