2016-01-11 130 views
-2

我需要从html传递这两个值并将其保存到变量php以更改查询。将值从html传递到变量php

我不知道要使用哪种语言,AJAX,JavaScript或其他。

  <p> 
       <p>Date: <input type="date" class="form-control" id="date" name="date" value="2016-01-11" min="2016-01-11" max="2016-01-20" onchange="myfunctionDate(this.value)"></p> 
      </p> 
      <p> 
       <p for="session">Time:</p> 
       <select class="form-control" id="session" name="session" onchange="myfunctionTime(this.value)"> 
       <option selected="selected" value="12:00">12:00</option> 
       <option value="16:00">16:00</option> 
       <option value="20:00">20:00</option> 
       </select> 
      </p> 

这是我期待的,我试着用js和AJAX我不知道如何做到这一点

$session = "12:00"; 
$date = "2016-01-11"; 
+0

你能解释一下你有什么需要吗? –

+0

有一些简单的例子可以做到这一点,我怀疑成千上万的谷歌搜索结果。所以不是“为我写代码”服务。 –

+0

Honesly我花了两天前发布 –

回答

5

它只是一个简单而基本的例子,我希望这将帮助你理解:

基本HTML:

<form method="post" action="" id="submitForm"> 
<input name="date" value="2016-01-11"> 
<select name="session"> 
    <option selected="selected" value="12:00">12:00</option> 
    <option value="16:00">16:00</option> 
    <option value="20:00">20:00</option> 
</select> 
<input name="submit" type="submit" id="submitBtn"> 
</form> 

基本的jQuery:

<script> 
$('#submitBtn').click(function() { // if submit button click 
var formData = $('#submitForm').serialize(); // serialize all form fields 
$.ajax({ 
     type: "POST", // the method that you want to use POST/GET 
     url: "yourphpfile.php", // this is your php file directory 
     data: formData, // send form fields to php file. 
     dataType: "html", // data type for response json/html 
     success: function(response) 
     { 
      console.log(response); // response that you will get from php 
     } 
    }); 
}); 
</script> 

基本PHP(yourphpfile.php):

echo "<pre>"; 
print_r($_POST); // print all values in PHP super global. 

你将收到什么?

,您会收到这种结果在PHP使用print_r()后:

Array 
(
    [date] => 2016-01-11 
    [session] => 16:00 
) 

现在你可以,只要你想在你的代码中使用这些variables

+0

多数民众赞成真棒,但我不想使用提交按钮,因为这个原因,我想知道使用onclick或onchange等 你会这样工作吗? –

+0

什么领域想改变?什么领域想onclick ??因为我使用按钮点击,而不是进程运行,你可以根据你的领域改变它... @AdriánVázquez – devpro

+0

好吧我打算用你的代码尝试onchange,让我们看看:)谢谢! –