0

我有两个输入表单。我希望当用户关注第一个输入表单时出现第二个输入表单。我在输入标签中使用了一个简单的javascript“onfocus”。当它改变另一个输入表单的样式时，这工作得很好。然而，这留下了不希望的空白。我试着让它让整个 div 组出现在焦点上，但它没有效果。

当用户关注第一个输入表单时，我想让整个“表单组”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 回答