javascript - 从 html 下拉菜单中选择后，重定向页面并通过 url 传递选择值？

Question

这是目前表单的样子...

<select onchange="viewForm()">
<?php
    $db = mysqli_connect('xxxxxx.com', 'xxxx', 'xxxx', 'xxxxx');
    $sql = "SELECT title, fid FROM total";
    $result = $db->query($sql);
    while ($row = $result->fetch_assoc()){
        $sid = $row['fid'];
        $stitle = $row['title'];
        echo '<option value="'.$sid.'" >'.$stitle.'</option>';
    }
?>
</select>

然后这是 javascript 函数......

function viewForm(){
    window.location.replace("http://website.com/main.php?sid=IDwouldGoHere");
}

我想做的是，当选择其中一个下拉选项时，重定向到新页面，同时通过 GET 传递“sid”值。现在重定向正在工作，但我找不到将 sid 值传递给 JavaScript 函数的方法。

Answer 1

演示:jsFiddle

HTML(由 php 为您生成)

<select id="yourSelectID">
    <option value="01201">test</option>
    <option value="012012">test2</option>
    <option value="012013">test3</option>
    <option value="012014">test4</option>
</select>

JavaScript

window.onload = function () {
    var eSelect = document.getElementById('yourSelectID');

    eSelect.onchange = function () {
        var strUser = eSelect.options[eSelect.selectedIndex].value;
        window.location.replace("http://website.com/main.php?sid=" + strUser);
    }
}