在焦点上显示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显示无）我已经使用jquery，我认为这是要走的路但我找不到解决方案。

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

Answer 1

我应该举一个例子，

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

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

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

Fiddle

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