Question

这是文本字段代码

 <input type="text" name="total" value="<?=$data->Total;?>" placeholder="Net Total" id="input-sku" class="form-control">

当我输入内容时，它应自动替换文字＆＃34; AMOUNT＆＃34;输入以上文本字段的值。

这是该文本字段的代码：

 <textarea name="reciept" rows="8" id="input-comment" class="form-control">Please pay exactly AMOUNT to this account</textarea>

因此，当我在textfield中输入任何值时，它应该在textarea中用它替换文本AMOUNT。我认为这将是jquery

Answer 1

为了确保您可以使用＆＃34;模板＆＃34;我一遍又一遍地使用data()保存它（你可以read more here）除此之外 - 为了确保没有人可以更改textarea的内容，我将其设置为disabled以确保用户无法更改其中的值。

检查此示例：

＆＃13;

$(function() {
  $('#input-comment').data('originalContent', $('textarea').val());
  $('input[name=total]').on('keyup', function() {
    if ($(this).val()) {
      newval = $('#input-comment').data('originalContent').replace('AMOUNT', $(this).val())
      $('#input-comment').val(newval);
    } else {
      $('#input-comment').val($('#input-comment').data('originalContent'));
    }
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="total" value="123" placeholder="Net Total" id="input-sku" class="form-control"><br />
<textarea name="reciept" rows="8" cols="50" id="input-comment" class="form-control" disabled="disabled">Please pay exactly AMOUNT to this account</textarea>

＆＃13;

将文本替换为在文本字段中输入的文本

1 个答案: