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 ソリューションです。これは既存の onload を上書きするので、「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 に答える
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 に答える