从组合框 onclick 事件中为所选选项打开一个新网页

【问题标题】：Open a new webpage from a combo box onclick event for the option selected从组合框 onclick 事件中为所选选项打开一个新网页
【发布时间】：2012-12-04 18:41:40
【问题描述】：

我有几个组合框的页面。组合框选项使用此 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 事件中将用户引导至所选页面。（每个选项都是一个新页面，对应于选项中分配的值。）

【问题讨论】：

What have you tried?
这与 PHP 无关。显示您的 HTML，而不是您的服务器端代码。

标签： php javascript html combobox onclick

【解决方案1】：

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

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

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>

Example.

【讨论】：