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/

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

1 个答案: