jquery - 在焦点上显示 div 并允许用户使用选项按钮

Question

我在表格中有一个 HTML 表单，允许用户搜索或输入员工的新详细信息。我想在他们选择输入框时显示一个 div。我可以这样做

<td><input type="text" name="team" id="team" size="23" maxlength="4"  
onfocus="document.getElementById('show_teams').style.display='block';"
onblur="document.getElementById('show_teams').style.display='none';">
</td>

但是，一旦用户尝试单击 Div 内的选项框，它就会关闭（由于 onblur display none ）我已经使用 jquery 并且我认为这是要走的路，但我找不到解决方案。

基本思想是选择（聚焦）div 将显示的“团队”文本框，其中包含 2 个选项和三个下拉框。一旦选择了换档模式的正确代码，将被放置在刚刚点击的文本框中，并且 div 将隐藏。谢谢

Answer 1

我应该举个例子，

$('.myDiv').hide();    

$('#test1').focus(function(){
    $('.myDiv').show();
});

$('#my_select').change(function(){
    $('#test1').val($(this).val());
    $('.myDiv').hide();    
});

小提琴

相应地更改 div 中的 html 代码，应该可以帮助您。