2012-06-26 98 views
0

我正在使用具有預定義代碼的購物車。 我無法更改html,但可以使用元素的CSS。 以下是我必須使用的元素信息。
我想複製用戶在該字段作爲另一個(僅顯示類型)文本元素在同一頁面上離開字段時輸入的信息。在另一個文本元素中重複輸入文本

我希望不要使用Jquery來做到這一點。

有沒有辦法做到這一點使用value =「」?

<input id="ecwid-productoption-12821213-I:0027M_______:00a0:0025_PORTUGU:00caSE" 
    class="gwt-TextBox ecwid-productBrowser-details-optionTextField ecwid-productoption- I:0027M_______:00a0:0025_PORTUGU:00caSE" type="text" maxlwngth="200"> 
+0

您的HTML有一個語法錯誤(它缺少id屬性的第一個雙引號)。 – Nathan

回答

0

這是一個純粹的JavaScript解決方案。這將覆蓋現有的onload,所以你應該谷歌「多重onload西蒙威瑞森」。

function copyToDest(src, dest) { 
    var text = document.getElementById(src).value; 
    var destNode = document.getElementById(dest); 

    destNode.innerHTML = text; 
} 

window.onload = function() { 
    var srcNode = document.getElementById("ecwid-productoption-12821213-I:0027M_______:00a0:0025_PORTUGU:00caSE"); 

    srcNode.onblur = function() { copyToDest("ecwid-productoption-12821213-I:0027M_______:00a0:0025_PORTUGU:00caSE", "dest"); }; 
} 
0

我害怕,但你必須使用JavaScript。你不能使用純CSS來完成這種工作。

在JavaScript中你可以這樣寫:

function myFunction() { 
    var val = document.getElementById("ecwid-productoption-12821213-I:0027M_______:00a0:0025_PORTUGU:00caSE").value; 
    document.getElementById("txt").innerHTML = val; 
}​ 

的HTML是這樣:

<input id="ecwid-productoption-12821213-I:0027M_______:00a0:0025_PORTUGU:00caSE" 
class="gwt-TextBox ecwid-productBrowser-details-optionTextField ecwid-productoption- I:0027M_______:00a0:0025_PORTUGU:00caSE" type="text" maxlwngth="200" onBlur="myFunction()"> 

通知的onblur = 「myFunction的()」

讓我們說你有一個跨度作爲要填充的文本元素

<span id="txt"></span>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 
相關問題