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

时间:2016-02-24 22:30:13

标签: javascript jquery jquery-steps

我正在使用JQuery Steps,我正在尝试最后一步验证用户在前面的步骤中放入了什么。但问题是它没有使用前面文本框的值填充标签。

这真让我感到困惑,因为我已经看到了许多有关这方面的工作实例,但我的工作不起作用?有任何想法吗?我错过了什么吗?

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中添加一些东西

1 个答案:

答案 0 :(得分:2)

记住导入Jquery

{
  "hash": "9f86d081884c7d659a2feaa0c55ad015a3bf4f1b2b0b822cd15d6c15b0f00a08"
}

其工作https://jsfiddle.net/cmedina/7say10d8/5/