javascript - 只有一个可能选择的下拉菜单的行为就像一个开/关开关：它是跨浏览器吗？

Question

像 Chrome (v27.)、FF (v21.) 和 IE9 上的开关一样工作。我无法在其他浏览器上进行测试。

由于它不指代 HTML 以外的任何其他内容，因此我将认为它在任何浏览器上都可以这样工作。但是，我想确定一下。

请问有什么帮助吗？

TO CANCEL SELECTED COLOR : 
<select name="transparenceStrips" id="transparenceStrips" size="1" onclick="transpbandeau()">
    <option value="transparent">CLICK HERE</option>
</select>

这是jsfiddle

Answer 1

不是 select 的典型用法，这个 UI 会迷惑用户；我认为使用按钮会更好。

就像是：

HTML：

COULEUR fond page
<input name="colorFond" id="colorFond" class="color1" value="FFFFFF" size="5" onchange="setBack()">
<br>CANCEL :
<button onclick="transp()">CLICK HERE</button>

代码：

function transp() {
    document.getElementsByTagName('BODY')[0].style.backgroundColor = "";
}

function setBack() {
    document.getElementsByTagName('BODY')[0].style.backgroundColor = '#'+document.getElementById('colorFond').value;
}

这是一个简单的小提琴：http: //jsfiddle.net/IrvinDominin/gVH3n/3/

Answer 2

是跨浏览器吗？

它不是跨浏览器，尝试在 Android Chrome 上测试它，你会发现它除了重置背景颜色外，还会尝试打开选项列表。

另一个答案提供了一种更好的方法来做你想做的事情。