----如何控制select在失去焦点时不显示-----

Question

<textarea onfocus="selectId.style.display='none'"></textarea>

Answer 1

如果“layerTextarea”是个DIV的ID，可以这样用：
function OnHideSelect()
{
  layerTextarea.style.visibility = "hidden";
  layerTextarea.style.display    = "none";
}
<textarea id=textarea onfocus="OnHideSelect();"></textarea>display属性不是设置显示与否的属性，此处对本身已是块级元素的DIV似乎作用不大。

Answer 2

按下"<"时
=>
"<"是什么啊？按钮？onclick="selectId.style.display=''"

Answer 3

请问如何在textarea获得焦点或者其文本发生改变时,sel不显示!!!
<div id="layertxt" style="position=absolute;left:50px;top:50;width=400;height=300;Z-index=1">
<textarea id=te1 rows="23" cols="100" style="overflow:auto" onfocus="Unshow();"></textarea>
</div>
<div id="layerSel" style="position=absolute;left:50px;top:50;width=50;height=50;Z-index=2;display='none'">
<select id="sel"size=3 style="width=100">
<options>aaa</options>
</select>
function unShow()
{
  
  layerSel.style.display    = "none";
}

Answer 4

studyliang  试试这个怎么样?把select的onchange事件换成了onclick事件,不会出现选过的值再次选中不能触发事件的问题
<div id="layertxt" style="position=absolute;left:50px;top:50;width=400;height=300;Z-index=1">
<textarea id=te1 rows="23" cols="100" style="overflow:auto" onfocus="unShow()"></textarea>
</div>
<div id="layerSel" style="position=absolute;left:50px;top:50;width=50;height=50;Z-index=2;display='none'">
<select id="sel"size=3 style="width:100" onclick="addTag(this.options[selectedIndex].value)">
<option value="1111">1111</option>
<option value="2222">2222</option>
<option value="3333">3333</option>
</select>
</div>
<button onclick="layerSel.style.display='';document.all.sel.focus()">显示select框</button>
<script language="JavaScript">
<!--
function addTag(val)
{
   document.all.te1.value = document.all.te1.value+val;
   layerSel.style.display='none';
}
function unShow()
{
   layerSel.style.display='none';
}
//-->
</script>

Answer 5

<div id="layertxt" style="position:absolute; left:24px; top:-4px; width:319px; height:81px; z-index:1; visibility: visible;">
<textarea id="te1" rows="10" cols="50" style="overflow:auto" onfocus="unShow()">
</textarea>
</div>
<div id="layerSel" style="position:absolute;left:20px;top:166px;width:91px;height:44px;z-index:2;">
<select name="select" size=3 id="sel" style="width:100">
  <option>aaa</option>
</select>
</div>
<script language="javascript">
function unShow()
{  
  document.all.layerSel.style.display = "none";
}
</script>