隐藏然后专注于下面的选择元素

时间:2012-02-18 15:22:20

标签: javascript html css

我有一个隐藏选择框的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();"

它根本不起作用,有什么想法吗?

1 个答案:

答案 0 :(得分:1)

我有一个关于我认为你在此之后的实例!http://jsfiddle.net/Znct3/10/ 查看您的代码,您将焦点应用于ID为g_name的元素,但您的select只有一个名称为g_name