在另一个文本元素中重复输入文本[关闭]答案

【问题标题】：Duplicate input text in another text element [closed]在另一个文本元素中重复输入文本[关闭]
【发布时间】：2012-06-27 08:52:42
【问题描述】：

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

【问题讨论】：

您的 HTML 存在语法错误（缺少 id 属性上的第一个双引号）。

标签： javascript css html input duplicates

【解决方案1】：

这是一个纯 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】：

恐怕您必须为此使用 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>

【讨论】：