8

JavaScriptを使用して、非表示の入力フィールドを別の表示されている入力フィールドで更新しようとしています...

しかし、私のコードは何らかの理由で機能しません!!

これは私のJavaScriptです：

<script language="javascript">
    function process1() {
        document.getElementById("sum_total").value = (document.getElementById("my-item-price").value);
    }
</script>

そして、これは私のフォームコードです:

<form><input name="A1" type="text" class="A1" id="A1"/></form>

<form><input type="hidden" id="A2" name="A2" value="process1() "/></form>

アップデート

<script language="javascript"> 
    function process1() { 
        document.getElementById("sum_total").value = (document.getElementById("my-item-price").value); 
    } 
</script>
4

6 に答える 6

9

あなたが持っているコードは悪いです。JavaScriptidで探している s がありません。

これを試して：

 <script language="javascript">
 function process1(showed) {
    document.getElementById("A2").value = showed.value;
}
</script>

<form><input name="A1" type="text" class="A1" onChange="process1(this)"/></form>

<form><input type="hidden" id="A2" name="A2" value="5" /></form>
于 2013-02-05T14:25:51.060 に答える
4

最も信頼できるのは、onChangeやマウスイベント（onBlurなど）ではなく、onKeyUpを使用することだと思います。以下は、各文字が入力されるたびに非表示フィールドを更新します（非表示になっていないA2があるので、何が起こっているかを確認できます）。

<html>
<head>
<script language="javascript">
function process1() {
    document.getElementById("A2").value = (document.getElementById("A1").value);
    }

</script>
</head>
<body>
<form><input name="A1" type="text" class="A1" id="A1" onKeyUp="process1()" /></form>
<form><input id="A2" name="A2" value="" /></form>
</body>
</html>
于 2013-02-05T14:35:06.223 に答える
1

値を更新するには、イベントをバインドする必要があります。たとえば、onkeyupevent document.getElementById("A1").onkeyup=function() { document.getElementById("A2").value = this.value };

于 2013-02-05T14:31:10.187 に答える
1

これを試してください:ライブデモ

HTML

<form><input name="A1" type="text" class="A1" id="A1"/></form>

<form><input type="hidden" id="A2" name="A2" value=""/></form>

<button onClick="process1();">Update</button>

JS

function process1() { 
    document.getElementById("A2").value = document.getElementById("A1").value; 

    alert(document.getElementById("A2").value);
}
于 2013-02-05T14:24:33.800 に答える
0

値を空白に変更し、入力に onmouseout (必要に応じて別の型を使用できます) を指定して、関数を実行し、値を交換しました。

<script language="javascript">
function process1() {
document.getElementById("A2").value = document.getElementById("A1").value;
}

</script>
</head>

<body>



And This Is My form code:

<form><input name="A1" type="text" class="A1" id="A1"/></form>

<form><input type="text" id="A2" name="A2" value="" onmouseout="process1()" /></form>
于 2013-02-05T14:26:44.840 に答える
0 
<script language="javascript">
function process1() {
    document.getElementById("A1").value = (document.getElementById("A2").value);
}
</script>
And This Is My form code:
<form><input name="A1" type="text" class="A1" id="A1"/></form>

<form><input type="hidden" id="A2" name="A2" value="process1() "/></form>
<div onClick="process1()">doit</div>

動作します

于 2013-02-05T14:27:26.937 に答える