gpt4 book ai didi

javascript - 如何在文本中间实时显示输入值

转载 作者:行者123 更新时间:2023-12-01 00:56:49 25 4
gpt4 key购买 nike

我想使用如下方式实时显示输入值以替换文本中间的单词:[名字]先生,你好吗?你的国家是[国家]吗?

我尝试使用 keyup 并将 [name] 替换为输入值,但这仅执行一次并且不会更新,因为 [name] 不再退出以替换输入值。

        $(".mailer-form input[name=person-name]").keyup(function(){
var name = $('input[name=person-name]').val();
var country = $('input[name=person-country]').val();
var text = $('.email-content').text().replace('[name]', name);
$('.email-content').text(text);

最佳答案

存储原始文本,然后将其用作模板。

const template = {
".email-content": $('.email-content').text()
};

$(".mailer-form input[name=person-name]").keyup(function(){

const name = $(this).val();
const country = $('input[name=person-country]').val();
const text = template['.email-content'].replace('[name]', name);

$('.email-content').text(text);
});

关于javascript - 如何在文本中间实时显示输入值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56510760/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com