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

时间:2012-12-04 18:41:41

标签: php javascript html combobox onclick

我有几个组合框的页面。组合框选项使用此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事件中的所选页面。 (每个选项都是一个新页面,对应于选项中指定的值。)

1 个答案:

答案 0 :(得分: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 Code shold be

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