0

ユーザーがスタッフの新しい詳細を検索または入力できるようにするテーブルに 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 のため)。

基本的な考え方は、div に 2 つのオプションと 3 つのドロップダウン ボックスが表示される「チーム」テキスト ボックスを選択 (フォーカス) することです。選択すると、シフトパターンの正しいコードがクリックされたテキストボックスに配置され、div が非表示になります。ありがとう

4

1 に答える 1

1

私はちょうど例を持っている必要があります、

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

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

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

フィドル

それに応じて div の html コードを変更すると、役立つはずです。

于 2013-07-22T09:43:46.213 に答える