html标签中的select隐藏问题

<select >
<OPTION selected value=北京>b北京</OPTION>
<OPTION value=上海>s上海</OPTION>
<OPTION value=天津>t天津</OPTION>
<OPTION value=重庆>c重庆</OPTION>
</select>

想把option中的字母隐藏起来
<OPTION value=重庆><span style="display:none">c</span>重庆</OPTION>
根本不起做用，有什么方法可以让其隐藏起来
很有必要的。请问如何实现。

可以用两个下拉框，一个给用户展示的，另一个用来取值自己用的
<select id="sel1" onchange="javascript:document.getElementById('sel2').value = this.value">
<OPTION selected value=北京>北京</OPTION>
<OPTION value=上海>上海</OPTION>
<OPTION value=天津>天津</OPTION>
<OPTION value=重庆>重庆</OPTION>
</select>
<select id="sel2" style="display:none;">
<OPTION value=北京>b北京</OPTION>
<OPTION value=上海>s上海</OPTION>
<OPTION value=天津>t天津</OPTION>
<OPTION value=重庆>c重庆</OPTION>
</select>

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/pf8p8qqp4.html