0

2 つの入力フォームがあります。ユーザーが最初の入力フォームにフォーカスしたときに、2 番目の入力フォームが表示されるようにします。入力タグ内で単純な JavaScript「onfocus」を使用しました。これは、別の入力フォームのスタイルを変更しているときにうまく機能しました。ただし、これにより不要なギャップが残りました。div グループ全体が onfocus で表示されるようにしてみましたが、効果はありませんでした。

ユーザーが最初の入力フォームにフォーカスしたときに「フォーム グループ」の div 全体を表示したいのですが、何らかの理由でまったく機能しません。

HTML

<div class="form-group<?php if(form_error('con_password') != ''){ echo " has-error"; } ?>">
    <div class="col-md-10">
        <input type="password" name="con_password" class="form-control input-lg" placeholder="Password Confirmation" onfocus="occupation.style.display='block'">
        <span class="help-block"><?php echo form_error('con_password'); ?></span>
    </div>
</div>
<div class="form-group<?php if(form_error('occupation') != ''){ echo " has-error"; } ?>" id="occupation">
    <div class="col-md-10">
        <input type="text" name="occupation" class="form-control input-lg" value="<?php echo set_value('occupation'); ?>" placeholder="Occupation" onfocus="hearus.style.display='block'">
        <span class="help-block"><?php echo form_error('occupation'); ?></span>
    </div>
</div>

CSS

#occupation{
   display: none;   
}
4

3 に答える 3

0

onfocus="occupation.style.display='block'する必要がありますonfocus="document.getElementById('id').style.display=block"

于 2013-08-31T19:36:36.990 に答える
0 
onfocus="document.getElementById('occupation').style.display='block'"
于 2013-08-31T19:36:52.047 に答える
0

ハンドラーでは、コードは「職業」（例）が何であるかを知りません。それへの参照を取得してから、そのスタイルを操作する必要があります。

于 2013-08-31T19:37:06.590 に答える