单击时如何自动更改选项标签的选定项目

Question

我想动态地使用选项标签更改所选项目。下拉按钮中的以下值是来自另一页面的链接。但结果是，当我在下拉按钮中选择一个值时，选项标签的值不会改变。

这是我的代码：

<select name="select_item" class="select_item" id="menu1" onchange="function();">
                            <option value="<?= base_url('index/products'); ?>">Default sorting</option>
                            <option value="<?= base_url('index/prod_sort1'); ?>">Sort by A to Z</option>

                        </select>
                        <script type="text/javascript">
                            var urlmenu = document.getElementById( 'menu1' );
                            urlmenu.onchange = function() {
                            window.open( this.options[ this.selectedIndex ].value,"_self" );
                            };
                            </script>

Answer 1

试试此代码

 <script type="text/javascript">
       var urlmenu = document.getElementById( 'menu1' );
       urlmenu.onchange = function() {
       window.location.href = urlmenu.options[urlmenu.selectedIndex].value;
       }  
 </script>