php - 从下拉列表中选择时自动更改页面

Question

我的 JavaScript 知识有限，我正在尝试更改表单，以便在选择下拉列表时自动更改，而无需单击转到按钮。

我将如何修改以下代码？那里有 3 个单独的下拉菜单。我试过在其中插入 onselect 但它似乎没有用？

<select name="season">
<option value="0"><?= $txt_all ?></option>
<?php
while($data = mysql_fetch_array($get_seasons))
{
    if($data['SeasonID'] == $defaultseasonid)
        echo "<option value=\"$data[SeasonID]\" SELECTED>$data[SeasonName]</option>\n";
    else
        echo "<option value=\"$data[SeasonID]\">$data[SeasonName]</option>\n";
}
mysql_free_result($get_seasons);
?>
</select>
<select name="matchtype">
<option value="0"><?= $txt_all ?></option>
<?php
while($data = mysql_fetch_array($get_types))
{
    if($data['MatchTypeID'] == $defaultmatchtypeid)
        echo "<option value=\"$data[MatchTypeID]\" SELECTED>$data[MatchTypeName]</option>\n";
    else
        echo "<option value=\"$data[MatchTypeID]\">$data[MatchTypeName]</option>\n";
}
mysql_free_result($get_types);
?>
</select> <input type="submit" name="submit" value="Go"><td bgcolor="<?php echo $inside_c ?>" align="center">
&nbsp;Other Stats <br><select name="changeto">

<option value="1"><?= $txt_match_statistics ?></option>
<option value="2"><?= $txt_recordbook ?></option>
<option value="5"><?= $txt_opponent_list ?></option>
<option value="6"><?= $txt_this_day ?></option>

</select> <input type="submit" name="changepage" value="Go">

Answer 1

使用 jQuery，您可以在下拉列表发生变化时收听它。

$('select').change(function(){
    // Do stuff
});

如果您想在更改下拉值后立即提交表单，您可以这样做:

$('select').change(function(){
    $('form').submit();
});

在正确的上下文中，您可以从此处查看示例(并弄乱它!):http://jsfiddle.net/EB635/