【问题标题】:Clone multiple input values into one input field将多个输入值克隆到一个输入字段中
【发布时间】:2014-03-28 13:18:15
【问题描述】:

我正在尝试将多个字段的输入数据复制到一个大字段中,用于出生日期。

日值 + 月值 + 年值 = 日值/月值/年值一起放入另一个字段。我为每个字段创建了变量,然后尝试将它们添加到“完整”输入字段中,但这不起作用。我做错了什么?

演示:http://jsfiddle.net/J2PHq/

$(function(){
    $('.copy').on('keyup blur', function(){
         $('.full').val(day + '/' + week + '/' + year);

        day = $(".day").val();
        week = $(".week").val();
        year = $(".year").val();
     }).blur();
});

【问题讨论】:

  • 你先附加值然后获取它们,这是错误的顺序,你也可能想使用var 来定义变量
  • 更新了工作小提琴jsfiddle.net/J2PHq/4

标签: javascript jquery


【解决方案1】:

您需要在将变量输入.full 字段之前声明变量。

工作小提琴:here

$(function(){
    $('.copy').on('keyup blur', function(){        
        var day = $(".day").val();
        var week = $(".week").val();
        var year = $(".year").val(); 

        $('.full').val(day + '.' + week + '.' + year);

     }).blur();
});

【讨论】:

  • 答案中同时包含两者总是好的,因此无论 JSFiddle.net 是否正常工作,所有用户都可以随时获得解决方案。
【解决方案2】:

错误的执行顺序-

$(function(){
    $('.copy').on('keyup blur', function(){
        var day = $(".day").val();
        var week = $(".week").val();
        var year = $(".year").val();
        $('.full').val(day + '/' + week + '/' + year);
     }).blur();
});

演示--->http://jsfiddle.net/J2PHq/6/

【讨论】:

  • 对全局变量说NO
  • 谢谢,确实是执行顺序。
猜你喜欢
  • 2013-09-04
  • 1970-01-01
  • 2012-07-24
  • 1970-01-01
  • 1970-01-01
  • 2017-07-19
  • 2020-10-04
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多