2015-10-30 4 views
0

У меня есть элементы формы (флажок, радио, вход, выбор, ...), и я хотел бы передать фактическое и выбранное значение из поля в другое. Теперь у меня есть следующий код:Передача значений из форм в поля ввода

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

Это работает для каждого поля, кроме Дата и для Выбрать передать несколько значений.

Можно ли передавать значения с даты и выбора?

+0

Если вы используете JQuery Я хотел бы предложить вам * получить * значения с '$ (это) .val()' вместо этого. Это может устранить проблему с вашими данными, но не уверен, как это получится с помощью блока multi-select, хотя ... попробуйте его – musefan

+0

Фактически, ваш ввод даты не имеет имени *, поэтому это возможно для запуска. Также это 'div' не' input' – musefan

ответ

1

использовать для добавления даты и значения: jsfiddle

документация библиотека есть событие для Datepicker change.bfhdatepickerbootstrapformhelpers.com/datepicker

$(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(); 
}); 
+0

miglio, спасибо. Но как я могу заполнить входные данные * To с помощью текущих значений из элементов * From? Я имею в виду ... Я могу установить значение «значение», но я хотел бы получить значение по умолчанию с помощью JQuery. – Khrys

+1

вы хотите заполнить все входы ?. [http://jsfiddle.net/mig1098/7sjqebb4/9/](http://jsfiddle.net/mig1098/7sjqebb4/8/) – miglio

+0

Тройное спасибо !!! – Khrys

0

Это хак, но должен делать эту работу.

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

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

Смежные вопросы