Question

如何在文本框中使用jQuery替换文本作为用户类型（在本例中为'accoutnnumber'）？我想用文本框中输入的数字替换文本''。

<input id="accoutnnumber" name="accoutnnumber" type="text">

<div id="divid">
    This is the Account: <replace with accountnumber>
</div>

<p id="divid">
    On my account (# <replace with accountnumber>) ......
</p>

Answer 1

你可以这样做：

$("#accoutnnumber").keypress(function() {
    $("#divid").text(this.value);
});

此外，ID 必须才是唯一的。

Answer 2

您需要具有相同类别的元素，其中包含帐号：

<input id="accountnumber" name="accountnumber" type="text">

<div id="divid">
  This is the Account: <span class="replaced"></span>
</div>

<p>
    On my account (<span class="replaced"></span>) ......
</p>

填写keyup和change上的内容（以便通过鼠标粘贴等仍会触发更新）：

$('#accountnumber').on('keyup change input',
  function() {
    $('.replaced').text($(this).val());
  }
 );

示例：http://codepen.io/paulroub/pen/ofHux

Answer 3

http://jsfiddle.net/dUgnk/

为了便于阅读，我修改了一些代码。此外，ID必须是唯一的，所以我也将其切换。

HTML：

<input id="accountNumber" name="accountNumber" type="text">


<div id="divOne">
    This is the Account:
</div>

<div id="divTwo">
    On my Account: 
</p>

JavaScript的：

$("#accountNumber").keypress(function() {
    $("#divOne").text('This is the Account: ' + this.value);
    $("#divTwo").text('On my Account: ' + this.value);
});

使用jQuery替换div，paragraph中的文本

3 个答案: