将字符串替换为用户键入的文本

Replace string with text typed in by user

本文关键字：文本 用户 字符串 替换      更新时间：2024-04-23

我无法让它在jsfiddle上工作，所以我将工作站点粘贴到这里：http://fariskassim.com/stage/simplified/

因此，我在div#randomname中随机加载了一个句子，在页面刷新或用户单击按钮"生成"时加载。

在数组中的每个句子中，都有单词"AGENCY NAME"answers"BRAND NAME"，我希望用用户在可用输入字段中键入的文本替换它们。

目前，我所做的是用这个替换"代理商名称"answers"品牌名称"

function replaceName1() {
var str = document.getElementById("randomname").innerHTML; 
var res = str.replace("AGENCY NAME", "REPLACED AGENCY");
document.getElementById("randomname").innerHTML = res;
}

但我希望能够通过在表单/输入文本框中键入内容来更动态地替换它。

如果没有全局"全部替换"函数，您可以这样做：

function replaceName1() {
  var agencyName = document.getElementsByName("agency_name")[0].value;
  var brandName = document.getElementsByName("brand_name")[0].value;
  var str = document.getElementById("randomname").innerHTML; 
  var res = str.replace("AGENCY NAME", agencyName).replace("BRAND NAME", brandName);
  document.getElementById("randomname").innerHTML = res;
}

请确保将"agency_name"answers"brand_name"替换为输入的实际名称。

也许这有帮助：

<input onkeydown="replaceName1()">
function replaceName1() {
   var str = document.getElementById("randomname").innerHTML; 
   var res = str.replace("AGENCY NAME", "REPLACED AGENCY");
   document.getElementById("randomname").innerHTML = res;
}
相关文章：