1

现在，我有默认为当前 d/m/y 的变量，然后将其弹出到一个 mySQL 查询中，该查询显示表中的所有数据 WHERE date='$dday' AND month='$dmonth' AND year=' $ 年”。

$ddate = date("d");
$dmonth = date("m");
$dyear = date("Y");

相反，我希望有一个选择框，它将根据所选选项更改变量。因此，Day 选择的默认选项将是当前日期，但如果我将其更改为例如第 12 天，我希望变量在选择选项更改时更改，然后自动重新查询数据库。我假设这将通过 AJAX 完成。

我所说的可能吗？如果查询的自动化增加了很大的复杂性，我只需更改变量并根据提交按钮的按下进行更新就可以了。

我保证会暂停提问并开始回答一些问题，如果低于我的简单水平的问题甚至被问到。

4

3 回答 3

1

是的，这是可能的。jQuery甚至使它变得简单。

  1. 创建你的<select>元素并给它一个 ID，以便它可以在 jQuery 中使用。

  2. <select>在 jQuery 中添加一个事件侦听器，该事件侦听器在更改时触发，例如$("#date").change().

  3. 在更改事件的事件处理程序中，获取 的当前值<select>，然后使用 jQuery 的 AJAX$.post()函数将该数据发送到 PHP 文件。

  4. 在那个 PHP 文件中，清理数据以防止 MySQL 注入，然后在数据库中查询新数据。

  5. 使用 PHP 的echo函数发回数据。

  6. 在 jQuery$.post()回调函数（第三个参数）中，接收回显的数据并将其放入变量中。

  7. 使用 jQuery 用数据更新您的 HTML。

于 2012-08-20T03:53:58.487 回答
0

您建议的两种解决方案都可以。您可以使用 AJAX 将选择框中的值发送到 php 脚本，或者您可以提交表单并通过$_POST或$_GET取决于您的表单方法以这种方式访问​​它们。

于 2012-08-20T03:49:23.170 回答
0

下面是一个例子，让你做查询：

<?php 
//Some pseudo data kinda as your receive it from your query
$datafromSql = array(
array('id'=>1,'date'=>1,'month'=>1,'year'=>2012,'theData'=>'This is some data when the user select 1/1/2012'),
array('id'=>2,'date'=>2,'month'=>2,'year'=>2012,'theData'=>'This is some data when the user select 2/2/2012'),
array('id'=>3,'date'=>3,'month'=>3,'year'=>2012,'theData'=>'This is some data when the user select 3/3/2012'),
);

//Super simple API to access the data
if($_SERVER['REQUEST_METHOD']=='POST' && isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) === 'xmlhttprequest'){
    header('Content-Type: text/html');
    //pseudo code, really you would just format your query result   
    $return=array();
    foreach($datafromSql as $row){
        //Select all from array which match select choice
        if($row['date']==$_POST['day'] || $row['month']==$_POST['month'] || $row['year']==$_POST['year']){
            $return[]=$row['theData'].'<br />';
        }
    }
    //output, with a fancy horizontal rule
    echo implode('<hr />',$return);
    die;
}?>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js" charset="utf-8"></script>
<script type="text/javascript">
function update(){
    $.post('./<?php echo basename(__FILE__)?>',
       {
        day:  $("#day").val(),
        month: $("#month").val(),
        year:  $("#year").val()
       },
    function(data) {
            $('#result').replaceWith('<div id="result"><h1>The Result:</h1>'+ data +'</div>');
    });
}

$(document).ready(function(){
    update();
});
</script>

</head>

<body>

<form id="dateform" >
 <p>Select Date: 
  <select size="1" name="day" id="day" onChange="update()">
  <?php foreach(range(1,31) as $i){echo '<option value="'.$i.'">'.$i.'</option>';} ?>
  </select>
  <select size="1" name="month" id="month" onChange="update()">
  <?php foreach(range(1,12) as $i){echo '<option value="'.$i.'">'.$i.'</option>';} ?>
  </select>
  <select size="1" name="year" id="year" onChange="update()">
  <?php foreach(range(2008,2012) as $i){echo '<option value="'.$i.'">'.$i.'</option>';} ?>
  </select>
 </p>
</form>

<p id='result'></p>

</body>

</html>
于 2012-08-20T04:32:07.793 回答