Question

如何创建2个输入框以用javascript替换文本？

不是每次都编辑代码来替换不同的文本我想要的是一个带有输入框A和输入框B和一个按钮的小UI

第一个输入框将包含要替换的文本（框A），第二个输入框将包含要替换的内容（框B）和onClick文本将被替换。

例如，从此文本替换苹果＆＃34;这是一个红苹果。＆＃34;

.replace (/apple/, "grape")

.replace (/contents of box a/, "contents of box b") ///what I want to do

Answer 1

我不确定我是否理解（也许会尝试在问题中添加更多细节），但这可能会给你一两条线索

var input_a = document.querySelector('#input_a');
var input_b = document.querySelector('#input_b');

input_a.addEventListener('change', do_replace );
input_a.addEventListener('keyup', do_replace );

function do_replace() {
   var value_a = input_a.value;
   var replaced_a = value_a.replace('wat you dont want', 'what you want');
   var input_b = replaced_a;
}

Answer 2

试试这样：

<!DOCTYPE html>
<html>
<body>

<p id="demo">This is apple. This is contents of box a.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
var str = document.getElementById("demo").innerHTML; 
str = str.replace("apple", "grape");
str = str.replace("contents of box a", "contents of box b");
document.getElementById("demo").innerHTML = str;
}
</script>

</body>
</html>

使用带有javascript的输入框替换文本？

2 个答案: