如何用程序员选择替换用户输入文本

时间:2017-10-27 00:00:28

标签: javascript html replace

我想将文本输入字段中的特定单词替换为另一个单词。例如,如果用户在文本输入字段中键入了jason,则在单击按钮时应将其转换为james。简单的答案是值得赞赏的。

2 个答案:

答案 0 :(得分:0)

使用array并将其替换为您想要的所有单词,然后on blur检查该值是否在此array中,此数组具有此值时将替换为{ {1}}。试试这个例子,输入James



Jason or Marko

$(document).ready(function() {
  var array = ["Jason", "Marko"];
  $('input').blur(function() {
    var $this = $(this);
    if (array.includes($this.val())) $this.val("James");
  })
})




答案 1 :(得分:0)

以下是您可以尝试的代码。有很多方法可以做到这一点,但这是一种简单的方法。在任何文本编辑器中复制并创建name.html文件,并在任何浏览器中打开该文件以查看结果:-) 您也可以使用https://codepen.io对此进行测试。

<!DOCTYPE html>
<html>
<body>

<p>Click the button to replace "JASON" with "JAMES".</p>

<p id="stackOverflow">JASON</p>

<button onclick="replaceFunc()">Replace</button>

<script>
function replaceFunc() {
    var str = document.getElementById("stackOverflow").innerHTML; 
    var res = str.replace("JSON", "JAMES");
    document.getElementById("stackOverflow").innerHTML = res;
}
</script>

</body>
</html>