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);
    }
}