html标签中的select隐藏问题

可以用两个下拉框，一个给用户展示的，另一个用来取值自己用的

<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>

<select id="hehe">

<option value="1">1</option>

<option value="2">2</option>

<option value="3" style="visibility:hidden">3</option>

<option value="4" style="visibility:hidden">4</option>

</select>

除开IE 其他的都能隐藏

---