Javascript显示消息和隐藏消息onclick选择标签

Question

我有一个选择框

<select id="box1" onchange="turnOff();" onclick="show();">
    <option value="1" >1</option>
    <option value="2" >2</option>
</select>

和

<p id="helpMessage"  style="display: none;" >something</p>

而js代码是

function turnOff(){ 
    document.getElementById('helpMessage').style.display = 'none';              
}
function show(){
    document.getElementById('helpMessage').style.display = 'block';
}

问题它显示消息 onclick，但 onchange 不工作

Answer 1

您的代码确实有效。这是因为您同时附加了点击和更改处理程序，它同时触发。您的 onchange 事件使显示不显示，但同时也触发了点击事件，这就是您能够看到文本的原因。

编辑:

function turnOff(){  
            document.getElementById('helpMessage').style.display = 'none';              
        }
        function show(btn){                
            document.getElementById('helpMessage').style.display = 'block';
          btn.onclick = function(){};
        }

<select id="box1" onchange="turnOff();" onclick="show(this);">
<option value="1" >1</option>
<option value="2" >2</option>
</select>
<p id="helpMessage"  style="display: none;" >something</p>