将值从表单元素传递到输入框

时间:2015-10-30 16:04:25

标签: jquery

我有一些表单元素(复选框,单选,输入,选择,...),我想将实际值和选定值从一个字段传递给另一个字段。现在我有以下代码:

http://jsfiddle.net/fsogvrdm/

$(function() {
    $("#NameFrom").keyup(function() {
        $('#NameTo').val(this.value);
    });
    $("input[name='GenderFrom']").change(function() {
        $('#GenderTo').val(this.value);
    });
    $("#CheckboxFrom").change(function() {
       $('#CheckboxTo').val(this.checked);
    });
    $("input[name='DateFrom']").change(function() {
        $('#DateTo').val(this.value);
    });
    $("#SelectboxFrom").change(function() {
        $('#SelectboxTo').val(this.value);
    });    
});

除了日期选择传递多个值之外,这适用于每个字段。

是否可以传递Date和Select?

中的值

2 个答案:

答案 0 :(得分:1)

使用它来添加日期和值:https://github.com/google/google-api-php-client/blob/master/src/Google/autoload.php

图书馆文档包含datepicker change.bfhdatepicker jsfiddle

的事件
$(function() {
    $("#NameFrom").keyup(function() {
        $('#NameTo').val(this.value);
    });
    $("input[name='GenderFrom']").change(function() {
        $('#GenderTo').val(this.value);
    });
    $("#CheckboxFrom").change(function() {
       $('#CheckboxTo').val(this.checked);
        alert('ff');
    });
    $("input[name='DateFrom']").change(function() {
        $('#DateTo').val(this.value);
    });
    $("#SelectboxFrom").change(function() {
        f2();
    }); 
    $('.bfh-datepicker').on('change.bfhdatepicker',function(){
        f1();
    });

    var f1=function(){
      $('#DateTo').val($('[name=DateFrom]').val());
    }
    var f2=function(){
      $('#SelectboxTo').val($("#SelectboxFrom").val());
    }
    //launch initials
    f1();
    f2();
});

答案 1 :(得分:0)

这是一个黑客但应该做的工作。

 $(".bfh-datepicker-calendar").on("click",function() {
     setTimeout(function()
                {$('#DateTo').val($("input[name='DateFrom']").val());
     },0);
 });

http://jsfiddle.net/fsogvrdm/1/