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

Question

我有一个隐藏选择框的 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 并将焦点设置在选择上:

onclick="document.getElementById(\'infoi'.$div_i.'\').style.display = \'none\'; document.getElementById(\'g_name\').focus();"

它根本不起作用，有什么想法吗？

Answer 1

我有一个工作示例，说明我认为您在这里想要什么 http://jsfiddle.net/Znct3/10/查看您的代码，您将焦点应用到 ID 为 g_name 的元素，但您的选择只有名称 g_name