php - onchange="document.my-form.sumbit" 时如何附加到 URL

Question

当有人选择如下所示的表单选项时，如何将 (#vs) 值添加到现有 URL 的末尾？

<form name="vs_form" action="" method="post">
<select name="vs_team" onchange="document.vs_form.submit();">
<option value="-1"> - <?php _e('team'); ?> - </option>
<?php foreach(get_player_played_teams($player) as $t): ?>
<option value="<?php print $t['team_id'] ?>" <?php print ($vs_team == $t['team_id']) ?       'selected="selected"' : ''; ?>><?php print $t['team_name'] ?></option>
</select>
</form>

现在，当他们从表单中选择一个选项时，脚本会处理，但是我想添加到 URL，以便我可以将用户移动到显示结果的页面区域。

现有网址：

http://somedomain/Mike-11084/

用户在更改时需要什么：

http://somedomain/Mike-11084/#vs

请提供代码示例。非常感谢

Answer 1

使用 JavaScript/ jQuery手动构建 url。可能看起来有点像这样：

$(document).ready(function() {
    $('select[name="vs_team"]').change(function() {
        var vs_team = $(this).val();
        window.location('http://somedomain/' + vs_team + '/#vs');
    });
});

您还需要删除代码中的这一行：

onchange="document.vs_form.submit();"

当然，您需要包含 jQuery。