Question

我正在尝试这样做，所以当用户将焦点标记/放在输入字段上时，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出现

Answer 1

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

此外，您只能在插入文字时使用text()方法代替html()。

Answer 2

试试这个

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

Answer 3

您的输入中有两个ID。从输入中删除id='email'，您的代码就可以运行。

Answer 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>

Answer 5

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

替换为：

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

Answer 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/

添加文本到div - 字段焦点

6 个答案: