将文本添加到 div - 字段焦点答案

【问题标题】：Add text to div - field focus将文本添加到 div - 字段焦点
【发布时间】：2012-02-11 14:39:45
【问题描述】：

我正在尝试这样做，因此当用户标记/将焦点放在输入字段上时，下面应该会出现一个带有文本的 div。目前我有这个：

    <div class="field">
        <label for="email" class="label">E-mail:</label> 
        <input id="email" name="email" size="50" id="emailField" type="email" value="" />
    </div>                    

    <div id="emailNoti"></div>

这是我当前的 JS 代码：

$("#emailField").focus(function() {
  $("#emailNoti").html("You have now pressed the field. Start typing");
});

然而什么也没发生。没有出现div

【问题讨论】：

标签： jquery html focus

【解决方案1】：

您的输入有两个非法的 ID，以及您无法使用 $("#emailField") 选择它的原因。删除id="email" 或id="emailField"。

此外，您可以在仅插入文本时使用text() 方法而不是html()。

【讨论】：

【解决方案2】：

试试这个

$("#emailField").focus(function() {
 $("#emailField").after('<div id="emailNoti" >You have now pressed the field. Start typing</div>');
});

【讨论】：

【解决方案3】：

您的输入中有两个 id。从输入中删除id='email'，您的代码就可以工作了。

【讨论】：

【解决方案4】：

<input id="email" name="email" size="50" id="emailField" type="email" value="" />

您设置了 2 个 ID，这是非法的。试试这个：

<div class="field">
    <label for="emailField" class="label">E-mail:</label> 
    <input name="email" size="50" id="emailField" type="email" value="" />
</div>                    

<div id="emailNoti"></div>

【讨论】：

【解决方案5】：

您的输入有两个 ID。所以第一个被浏览器使用。

替换为：

<input id="emailField" name="email" size="50" type="email" value="" />

【讨论】：

【解决方案6】：

改变你的html

<div class="field">
<label for="email" class="label">E-mail:</label> 
<input name="email" size="50" id="emailField" type="email" value="" />
</div>                    

<div id="emailNoti"></div>

工作代码在这里 http://jsfiddle.net/vikastyagi87/srZZf/

【讨论】：