2011-06-01 69 views
2

基本上我使用jQuery的datepicker讓我的客戶端選擇一個日期。然後我想取這個日期(一旦他們選擇了它)並通過數據庫處理它以預先填充一個時間選擇器。如何設置一個輸入(文本)值到一個動態的PHP變量

問題是,我不知道如何獲取該輸入框的值並處理它,而無需實際提交表單。我想在他們選擇的時候處理這​​個價值。

這裏是我的日期選擇器代碼:

$(function() { $("#datepicker") .datepicker({ minDate: '+1' }); });

我想我會以某種方式必須添加一個onblur事件,但我不知道什麼是最好的方式去這樣做的。

+1

AJAX。 http://en.wikipedia.org/wiki/Ajax_%28programming%29 – 2011-06-01 13:49:02

回答

1

要真正讓服務器在不提交表單的情況下處理日期選擇器的值,您必須通過AJAX將該值傳遞給服務器。

$('.datepicker').datepicker({ 
    onSelect: function(dateText, inst) { 
     $.ajax({ 
      url: "yourscript.php", 
      type: "POST", 
      data: ({date : dateText}), 
      success: function(data){ 
      alert(data); 
      } 
     }); 
    } 
}); 
+1

我不得不將URL和數據更改爲它的工作,但它的工作原理,URL指向一個控制器函數:onSelect:function(dateText ,研究所){ \t \t \t $就({ \t \t \t \t URL: 「/訂單/ get_preorder_time /」, \t \t \t \t類型: 「POST」, \t \t \t \t數據: 「日期=」 + dateText, \t \t \t (數據)\t \t \t var endTime = data; \t \t \t \t \t document.write(endTime); \t \t \t \t} \t \t \t}); \t \t} – virtuexru 2011-06-03 12:45:03

0

 
$("#datepicker").change(function(){ 
$.ajax({ 
    type:"GET", 
    url :"URL here", 
    Success:function(responsed){ alert("added"); } 
}); 
});

0

你將不得不使用AJAX這個,如果你不想要發送的形式做。

// code for IE7+, Firefox, Chrome, Opera, Safari 
    if (window.XMLHttpRequest) { 
     xmlhttp=new XMLHttpRequest(); 
    // code for IE6, IE5 
    } else { 
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    }  
    xmlhttp.open("GET",site,false); 
    xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 
    xmlhttp.send(null); 

凡VAR site是讓PHP頁面乏連接,或者如果你有使用POST請求改變"GET""POST"與POST變量的字符串替換xmlhttp.send(null)null

希望這有助於!

相關問題