Question

如果我选择下拉列表，如何重新加载页面？

假设下拉列表看起来像这样

<select name="selectyear">
    <option value="2000">2000</option>
    <option value="2000">2001</option>
    <option value="2000">2002</option>
    <option value="2000">2003</option>
</select>

和像这样的查询

SELECT * FROM TABLEYEAR WHERE YEAR = 2014

如果我选择2000

页面将重新加载，网址将如下所示

http://www.dashboard.php?year=2000

，查询也会改变

SELECT * FROM TABLEYEAR WHERE YEAR = 2000

我真的很感激帮助......

这是我的下拉看起来像..

<select class="chzn-select deselect" name="selectyear" style="width:150px;" data-placeholder="Select year">
<option value=""></option>
<?php
$date = date("Y");
for($i = $date-10;$i<$date+5;$i++)
{
?>
<option value="<?php echo $i; ?>"><?php echo $i; ?></option>
<?php   
}
?>
</select>

这是查询..如果没有选择，我不知道如何为查询添加if语句，然后显示今年。如果选中，则显示所选年份。

$id = $_GET['year'];

$date = date("Y");


$query = mysql_query("select * from visimisi where year = '$id'");

Answer 1

放入jQuery代码：

<script src="JQUERY-PATH"></script>
<script>
$(function(){
    $("[name=selectyear]").change(function(){
        var val = $(this).val();
        var year;
        if (typeof val !== 'undefined') {
            year = val;
        }
        else {
            year = '<?php echo date('Y');?>';
        }
        window.location.href = 'http://www.dashboard.php?year='+year;
        return true;
    });
});
</script>

Answer 2

<select name="selectyear" onchange="getval(this);">
    <option value="2000">2000</option>
    <option value="2000">2001</option>
    <option value="2000">2002</option>
    <option value="2000">2003</option>
</select>


<script type="text/javascript">
    function getval(sel) {
       alert(sel.value);
       window.location.href = 'http://www.dashboard.php?year='+sel.value;
       // give your same page url if you want same page redirect
       // or try window.location.href = '?year='+sel.value;
    }
</script>

然后您可以在重定向页面上获得$_GET['year']值并运行查询

选择下拉列表重新加载页面并获取值

2 个答案: