需要使用javascript获取输入文本，然后将其添加到句子中

这是我目前所需要的。我需要将数量输入框的值添加到输入区域后的句子中

现在我有以下代码用于输入数量：

 <label for="quantity">Qty: </label> 
 <input min="1" type="number" id="quantity" name="quantity" value="1" onkeyup="getVals(this, 'text');"  />
 <input type="submit" id="add-to-cart" class="btn addtocart" name="add" value="Add to cart" />
 <div class="how-many">You have helped save <span id="pTextInput"></span>people</div>

数量：
你帮助拯救了人们

我希望将id quantity的输入值插入span id=“pTextInput”

因此，基本上，如果数量输入设置为2，那么句子，你已经帮助节省了2人将显示（动态数字被放置在跨度中）

希望这是有意义的。我可以使用常规javascript或jquery，以最简单的为准。

我想您希望这样：

function getVals(input) {
    document.getElementById("pTextInput").innerHTML = input.value;
}

另外，将getVAL（this，'text'）更改为getVAL（this）-不需要“text”

---

我建议您使用JS了解一下DOM操作的基础知识：

如果我正确理解了这个问题，您可能会看到这样的内容：

<script type="text/javascript">
  $(function() {
    $("#pTextInput").html("1"); 
    $("#quantity").on("change keyup", function() {
      $("#pTextInput").html($(this).val());
    });
  });
</script>

 <label for="quantity">Qty: </label> 
 <input min="1" type="number" id="quantity" name="quantity" value="1" />
 <input type="submit" id="add-to-cart" class="btn addtocart" name="add" value="Add to cart" />
 <div class="how-many">You have helped save <span id="pTextInput"></span> people</div>

$（函数（）{
$（“#pTextInput”）.html（“1”）；
$（“#数量”）。在（“更改键控”，函数（）上{
$（“#pTextInput”）.html（$（this.val（））；
});
});
数量：
你帮助拯救了人们

---

当您更改

数量

的输入时，

pTextInput

值将随之更改。

您有什么问题吗？这不是麦当劳的免下车体验。问题就在这里。我试图用一个我希望它如何工作的示例来解释它。您的想法的需求列表不是问题。您应该展示您的想法e到目前为止已经写好了，并具体描述了您被困的地方。否则，您将StackOverflow视为一种代码编写服务。我尝试了这种方法，但它不起作用。没有错误，但没有显示动态数字。这非常有效，只是默认值1在您向上或向下更改数量之前不会显示。我需要这个如果数量未更改，则值为1（默认值为1）。更新我的答案以获得默认显示的“1”。如果效果良好，请接受：）完美！这正是我需要的！伟大的很高兴我能帮忙。