Question

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

$(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？

中的值

Answer 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();
});

Answer 2

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

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

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

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

2 个答案: