如何在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/ 

哪些用戶需要的onchange：

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

請提供代碼示例。非常感謝

Answer 1

使用JavaScript/jQuery手動構建網址。看起來有點像這樣：

$(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的。