javascript - 为漂亮的 url 发送获取变量

Question

我正在创建一个漂亮的 url base web，但我在获取表单变量方面遇到了问题。我有一个类似 localhost/events/1 的 url(1 是一个获取变量 $_GET['eventID'])。我想用如下形式发送 eventID

<select name='eventID'>
    <option value='1'>firstEvent</option>
    <option value='2'>secondEvent</option>
    <option value='3'>thirdEvent</option>
</select>

但是当我点击提交按钮将信息发送到页面时，我的 url 变成了这个

localhost/events/?eventID=1

但我希望我的网址看起来像这样

localhost/events/1

我怎样才能做到这一点？

Answer 1

如果您想在客户端执行此操作，您可以使用 javascript onsubmit 事件并重定向到您想要的页面。例如:

<script type="text/javascript">
function yourFunction()
{
    var sel = document.getElementById('eventID');
    if (sel.selectedIndex !== -1)
    {
        window.location.href = '/events/' + sel.options[sel.selectedIndex].value;
    }

    return false;
}
</script>

<form method="get" onsubmit="return yourFunction()">
<select name="eventID" id="eventID">
    <option value="1">firstEvent</option>
    <option value="2">secondEvent</option>
    <option value="3">thirdEvent</option>
</select>
<input type="submit">
</form>