使用下拉菜单进行Html导航。所选值必须始终显示在菜单顶部

创建了某种下拉菜单

<div class="dropdown_navigation_general" style="float:left;" >
    <select name="general_select" id="general_select" onchange="window.document.location.href=this.options[this.selectedIndex].value;" value="general">
        <option selected>General</option>
        <option value="http://www.google.com">Add transaction partner</option>
    </select>
</div>

.dropdown_navigation_general {
    margin:auto;
    width:70px;
    overflow:hidden;
}
.dropdown_navigation_general select {
    background: transparent;
    width: 100px;
    padding: 0px;
    font-size: 14px;
    border: 0px solid #fff;
    height: 19px;
    -webkit-appearance: none;
}

一般的
添加交易伙伴
.下拉菜单\u导航\u概述{
保证金：自动；
宽度：70px；
溢出：隐藏；
}
.下拉菜单\导航\常规选择{
背景：透明；
宽度：100px；
填充：0px；
字体大小：14px；
边框：0px实心#fff；
高度：19px；
-webkit外观：无；
}

当我点击

addtransactionpartner

时，在菜单顶部的一小段时间里，我看到的不是

General

，而是

addtransactionpartner

是否可能在单击菜单顶部的任何下拉菜单值后，我始终会看到

常规

（选定值）。

尝试以下操作：

<select name="general_select" id="general_select"
 onchange="window.document.location.href=this.options[this.selectedIndex].value;
 this.value='general'">

演示：