用用户输入的文本替换字符串

时间:2016-04-11 17:26:13

标签: javascript jquery string

我无法让它在jsfiddle上工作,所以我只是在这里粘贴工作网站:http://fariskassim.com/stage/simplified/

所以我在div #randomname中随机加载一个句子,在页面刷新时或当用户点击按钮时生成'。

在数组中的每个句子中,都有单词' AGENCY NAME'和'品牌名称'我希望用可用输入字段中的用户输入的文本替换。

目前,我设法做的是取代“代理机构名称”。和'品牌名称'用这个

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

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

2 个答案:

答案 0 :(得分:1)

没有全球"替换所有"功能,你可以这样做:

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"和" brand_name"使用输入的实际名称。

答案 1 :(得分:0)

也许这会有所帮助:

<input onkeydown="replaceName1()">

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