下拉列表,在select上刷新div内容

时间:2013-09-19 05:48:04

标签: javascript php jquery html

我完全不知道如何做到这一点,所以我只是要求离开。

我有一个下拉菜单,列出日期说

1/2/2013
2/2/2013
3/2/2013
4/2/2013
5/2/2013
6/2/2013
7/2/2013

如果您选择其中一个日期,则会弹出一个div,其中包含5个选项

A
B
C
D
E

每个选项都存储在数据库中,如果说B项目在2013年2月2日不可用,我会有一个脚本来禁用它被选中。我已经想过如何在php中创建它,但我的最终问题是

如何选择任何日期,但仍能从数据库中检索5个选项?

我现在正在做这样的事情

function TheDisabler($aa)
{
global $con, $vdate;    

    $myresult = mysqli_query($con,"SELECT * FROM burger WHERE timeslot = '$aa' AND date = '$vdate'");
    list($mycount) = mysqli_fetch_row($myresult);

    if($mycount >= 1) {
echo "disabled";
}
}

但我认为这只能工作一次,如果我要更改日期,div中的项目不会改变= /

3 个答案:

答案 0 :(得分:0)

每次单击div元素时都应该有一个可用的脚本。因此,将一个onClick事件添加到div,然后从该事件处理程序的数据库中检索所需的数据。

答案 1 :(得分:0)

如果您的表没有大量数据,请创建一个php文件,其行为就像是一个类似的javascript文件:

    <?php 
$js = 'data = new Array()';
$sql = 'select ...';
$count = 0;
while($row = fetch_rows($sql)){
  // do your check here
  $js .= 'data[' . $row['date'] . '] = new Array()';
  $js .= 'data[][' . $row['date'] . '][$count] . ' = "'.$row['item'] . '";';
  $count++;
}
header('Content-Type: text/javascript');
echo $js;

?>

现在你有一个javascript数组,其中包含每个日期项,然后在每次单击时询问此数组,该日期键应该返回您的选项列表

答案 2 :(得分:0)

我认为你要找的是复选框的onchange事件。每次下拉列表发生更改时,请调用该函数以从数据库中检索值。