2013-03-26 57 views
0

我需要從兩個單獨的領域兩場值的另一種形式的進一步複製到其對應的字段在同一頁上。域值複製到另一個

輸入字段:名 輸入字段:姓

複製這些值:

輸入字段:計費名 輸入字段:航運名字

我曾嘗試以下代碼無濟於事,我從另一個網站入侵它,它有一個同樣的東西的複選框,在我的情況下,有一個表格用於輸入客戶的名字,姓氏和電子郵件,然後客戶點擊繼續按鈕,然後點擊下一步形式的負載,這種形式是我想要自動化的地方,根據初始表格填寫姓氏/姓氏。

這是我的文檔之間使用的代碼。

<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> 

的字段默認是這樣產生的,不幸的是我無法改變的ID,也不是名值。

名字:

<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]"> 

結算名字:

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

結算姓:

<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」,第二個表單(Billing First Name,Billing Last Name)的名稱=「step_two_billing_address」。

任何想法?

感謝您的諮詢!

回答

0

我建議你用jQuery做到這一點。這是非常簡單的我做了這個給你: http://jsfiddle.net/FPsdy/1/

下面是代碼示例:

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

我嘗試這樣做。它沒有用,因爲我是個白癡。 有在頁面上兩個不同的形式... 第一種形式: <形式方法= 「POST」 行動= 「/」 類= 「CM-AJAX釐米Ajax的力」 名稱= 「step_one_contact_information_form」> 第二種形式: <形式方法= 「郵報」 行動= 「/」 級= 「CM-AJAX釐米的Ajax力釐米的Ajax全渲染」 NAME = 「step_two_billing_address」> 這樣看來我需要找出如何將值從一個表單傳遞到下一個表單,但我不知道如何執行此操作。有任何想法嗎?感謝您的幫助,非常感謝! – 2013-03-26 23:24:10

0

嘗試是這樣的:

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]")代替如果ID的將永遠是相同的(更換[X]與它們各自的ID)

另外,我建議改變按鈕輸入「按鈕,」所以,如果你」再不會用它來提交表單:

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

希望這有助於

+0

我試過了。它沒有用,因爲我是個白癡。 有在頁面上兩個不同的形式... 第一種形式: <形式方法= 「POST」 行動= 「/」 類= 「CM-AJAX釐米Ajax的力」 名稱= 「step_one_contact_information_form」> 第二種形式: <形式方法= 「郵報」 行動= 「/」 級= 「CM-AJAX釐米的Ajax力釐米的Ajax全渲染」 NAME = 「step_two_billing_address」> 這樣看來我需要找出如何將值從一個表單傳遞到下一個表單,但我不知道如何執行此操作。有任何想法嗎?感謝您的幫助,非常感謝! – 2013-03-26 23:23:38

相關問題