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

2 回答 2

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>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
于 2012-06-26T08:51:15.903 回答
0

这是一个纯 JavaScript 解决方案。这将覆盖现有的 onload，因此您应该在 Google 上搜索“multiple onload simon willison”。

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"); };
}
于 2012-06-26T09:30:46.463 回答