Question

我正在使用具有预定义代码的购物车。我无法更改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">

Answer 1

我很害怕，但你必须使用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>

Answer 2

这是一个纯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"); };
}

在另一个文本元素中复制输入文本

2 个答案: