我有一个隐藏选择框的div。当用户点击div时,它会消失并显示选择框。然后,当用户点击远离选择时,我希望div再次显示并基本上覆盖它。
所以,要隐藏div我有以下内容:
onclick="document.getElementById(\'infoi'.$div_i.'\').style.display = \'none\';"
当用户触摸选择并点击时,我有以下内容再次覆盖了选择:
<select name="g_name" onchange="this.form.submit();" onblur="document.getElementById(\'infoi'.$div_i.'\').style.display = \'block\';" style=width:170px;>
为了让它按照我想要的方式工作,用户必须实际点击选择,即使没有选择任何东西,它也能获得焦点,因此onblur会重新打开div。
所以,我尝试以下操作来隐藏div并将焦点设置在select:
上onclick="document.getElementById(\'infoi'.$div_i.'\').style.display = \'none\'; document.getElementById(\'g_name\').focus();"
它根本不起作用,有什么想法吗?
答案 0 :(得分:1)
我有一个关于我认为你在此之后的实例!http://jsfiddle.net/Znct3/10/ 查看您的代码,您将焦点应用于ID为g_name的元素,但您的select只有一个名称为g_name