js如何替换一段文字中的某个符号替换成输入框，并获取到完整的数据

Question

需求是这样：
比如我有一段文字：文字_文字_
现在我需要根据上面的下划线位置替换成输入框，然后我再页面上输入内容后。我希望可以获取到完整的数据。
比如我在两个输入框中输入了比如1和2.
那我获得数据是 ： 文字1文字2

Answer 1

你可以使用JavaScript和HTML来实现这个需求。首先，你需要在HTML中创建一个包含文本和输入框的容器，并用JavaScript来处理输入和替换文本的操作。下面是一个简单的示例：

HTML:

<div id="textContainer">文字<input type="text" id="input1">文字<input type="text" id="input2"></div>
<button onclick="replaceTextWithInputs()">替换并获取数据</button>
<p id="result"></p>

JavaScript:

function replaceTextWithInputs() {
  const textContainer = document.getElementById('textContainer');
  const input1 = document.getElementById('input1').value;
  const input2 = document.getElementById('input2').value;

  // 替换文本
  const replacedText = '文字' + input1 + '文字' + input2;
  
  // 将替换后的文本显示在页面上
  document.getElementById('result').textContent = replacedText;
}

这个示例中，当点击"替换并获取数据"按钮时，JavaScript会获取输入框中的值，并替换文本中的下划线位置，然后将替换后的文本显示在页面上。你可以根据你的需求进一步自定义和优化这个代码片段。