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

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

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

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']值并运行查询。