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

[studyliang]

页面中有textarea和select,问题是如果我不从select中选择数据,select就不会消失,我想当我按下"<"时,弹出select框,而我不从里面选择数据,当我自己写数据时,怎样让select消失啊??????我用的方法是当按下"<"时,使select获得焦点,当textarea再次获得焦点时,select消失.我用下面的方法为什么不行!!!请指教!!!!
<div id="layertxt" onFocus="unShow()">
function unShow(){
if (document.getElementById(textarea).focus)
document.getElementById('layerTextarea').style.display='none';
}

[心云意水]

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

[xlever]

如果“layerTextarea”是个DIV的ID，可以这样用：
function OnHideSelect()
{
layerTextarea.style.visibility = "hidden";
layerTextarea.style.display = "none";
}
<textarea id=textarea onfocus="OnHideSelect();"></textarea>

display属性不是设置显示与否的属性，此处对本身已是块级元素的DIV似乎作用不大。

[心云意水]

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

[studyliang]

请问如何在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";
}

[studyliang]

快帮忙啊

[kisslan]

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>

[ice_berg16]

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