0

我有几个组合框的页面。组合框选项使用此 PHP 代码填充。（$id 和 $label 是从 ini 文件中收集的。）

<?echo'<select id="wbox" name="MPR">';
foreach($config[MPR] as $id=>$label){
    switch ($id)
    {
    case ($id==select):
    echo'<option value="0" selected="selected"></option>';
    break;
    case ($id>0 && $id<=10):
    echo'<optgroup label="'.$label.'">';
    break;
    case ($id>10 && $id<=20):
    echo'</optgroup>';
    break;
    default:
    echo'<option value="'.$id.'">'.$label.'</option>';
    }
}
echo'</select>';?>

最后单击提交按钮，并将值传递给另一个 php 脚本，该脚本将用户重定向到特定网页。

我希望能够在带有组合框的 onclick 事件中将用户引导到所选页面。（每个选项都是一个新页面，对应于选项中分配的值。）

4

1 回答 1

0

你说，“每个选项都是一个新页面，对应于选项中分配的值。”

所以，我假设你有类似的东西

HTML

<select id="wbox" name="MPR">
    <option value="0" selected="selected"></option>
    <option value="http://yahoo.com">Yahoo</option>
    <option value="http://stackoverflow.com">Stackoverflow/</option>
</select>

JS代码应为

window.onload=function(){
    var combo=document.getElementById('wbox');
    combo.onchange=function(){
        if(this.value!='0') window.open(this.value, '_blank');
    };
};

只需将上面的代码放在head用标签包裹的script标签中

<head>
    <script type="text/javascript">
        // above code goes here
    </script>
</head>

例子。

于 2012-12-04T19:16:22.327 回答