Копировать значение поля из одного поля в другое

Question

Мне нужно скопировать два значения полей из двух отдельных полей в соответствующие поля дальше в другой форме на той же странице.

Поле ввода: Имя Поле ввода: Фамилия

Скопируйте эти ценности:

Поле ввода: Billing Имя Поле ввода: Доставка Имя

Я попытался следующие код безрезультатно, я взломал его с другого веб-сайта, у которого есть флажок для того же, в моем случае есть форма для ввода имени клиента, фамилии и электронной почты, затем клиент нажимает кнопку «Продолжить», а следующий формы нагрузки, эта форма, где я хотел бы авто- введите имя/фамилию в соответствии с начальной формой.

Это код, который я использую между документом.

<script type = "text/javascript"> 
function FillBilling(f) { 
    if(f.dispatch[checkout.update_steps].submit == true) { 
    f.user_data[firstname].value = f.user_data[b_firstname].value; 
    f.user_data[lastname].value = f.user_data[b_lastname].value; 
    } 
} 
</script> 

Поля генерируются как по умолчанию, как это, к сожалению, я не могу изменить идентификатор и значения имени.

Имя:

<input type="text" class="input-text " value="" size="32" name="user_data[firstname]" id="elm_6"> 

Фамилия:

<input type="text" class="input-text " value="" size="32" name="user_data[lastname]" id="elm_7"> 

Продолжить Кнопка:

<input type="submit" value="Continue" name="dispatch[checkout.update_steps]"> 

Billing Имя:

<input type="text" class="input-text " value="" size="32" name="user_data[b_firstname]" id="elm_14"> 

Billing Фамилия:

<input type="text" class="input-text " value="" size="32" name="user_data[s_firstname]" id="elm_16"> 

я думаю, но может быть не так, что из-за Продолжить кнопка отправки имеет имя, содержащее точку (отправка [checkout.update_steps]), это ломает Javascript, но я м не уверен.

Я также отметил, что поля «Имя», «Фамилия» и «Продолжить» находятся в отдельной форме, данные отправляются во вторую форму на одной странице через Ajax. Первая форма имеет имя = «step_one_contact_information_form», а вторая форма (Имя биллинга, Фамилия биллинга) имеет имя = «step_two_billing_address».

Любые идеи?

Спасибо за ваш совет!

Answer 1

Предлагаю вам сделать это с помощью jQuery.Это очень просто, я сделал это для вас: http://jsfiddle.net/FPsdy/1/

Вот пример кода:

$('input[type=submit]').click(function(){ 
    $('#elm_14').val($('#elm_6').val()); 
    $('#elm_16').val($('#elm_7').val()); 
}); 

Answer 2

Попробуйте что-то вроде этого:

Добавить событие OnClick на кнопке (предпочтительно с прослушивателями событий, но следующий способ также будет работать)

<input type="submit" value="Continue" name="dispatch[checkout.update_steps]" onclick="return fillBilling()"> 

и изменить свою функцию, чтобы посмотреть что-то вроде этого:

function fillBilling() { 
    document.getElementsByName("user_data[b_firstname]")[0].value = document.getElementsByName("user_data[firstname]")[0].value; 
    document.getElementsByName("user_data[s_firstname]")[0].value = document.getElementsByName("user_data[lastname]")[0].value; 
    return false; 
} 

Вы можете использовать document.getElementByID("elm_[x]") взамен, если идентификаторы всегда будет таким же (вместо [х] с их соответствующими идентификаторами)

Кроме того, я рекомендую изменения кнопку «кнопку», чтобы ввести так если вы» не собираюсь использовать его для отправки формы:

<input type="button"... /> 

Надеется, что это помогает