从html下拉列表中选择,重定向页面并通过url传递选择值?

时间:2013-11-09 21:12:43

标签: javascript php html get html-select

以下是截至目前的形式......

<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函数的方法。

1 个答案:

答案 0 :(得分:1)

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