如何根据用户在文本框中键入的内容更新标签文本

Question

我正在使用 JQuery 步骤，并且我正在尝试让最后一步验证用户在之前的步骤中输入的内容。但问题是它没有用前面文本框的值填充标签。

这真的让我很困惑，因为我已经看到了很多这方面的工作示例，但我的却不起作用？有任何想法吗？我错过了什么吗？

HTML

 <label for="firstName">First Name *</label>
 <input id="firstName" name="firstName" type="text">
 <label for="lastname">last Name *</label>
 <input id="lastname" name="lastname" type="text">
 <br/><br/>

 <label for="shippingaddress">Shipping Address *</label>
 <input id="shippingaddress" name="shippingaddress" type="text">
 <br/><hr><br/>
 <p>
   Name: <label id="vname"></label>
 </p>
 <p>
   Shipping Address: <label id="vsaddress"></label>
 </p>

JAVASCRIPT

 $("#firstName,#lastname").change(function () {
var firstnameLAstName = $("#firstName").val()+ " " + $("#lastname").val();
$("#vname").text(firstnameLAstName);
 });

 $("#shippingaddress").change(function () {
var shippingAddress = $("#shippingaddress").val();
$("#vsaddress").text(shippingAddress);
 });

这是我的 jsfiddle： https://jsfiddle.net/7say10d8/4/

我什至尝试在 OnChanging 中添加一些东西

Answer 1

记得导入Jquery

   <script type="text/javascript" src="https://code.jquery.com/jquery-2.2.0.min.js"></script>

有效https://jsfiddle.net/cmedina/7say10d8/5/

如何根据用户在文本框中键入的内容更新标签文本

How to update a label text based on what a user types in a textbox

javascript

jquery

jquery-steps