Question

我正在尝试使用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>

Answer 1

你的代码很糟糕。你没有在javascript中找到id个。

试试这个：

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

Answer 2

我认为最可靠的是使用onKeyUp而不是onChange或鼠标事件（onBlur等）。输入每个字符时，以下内容会更新隐藏字段（我有未隐藏的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>

Answer 3

试试这个：Live Demo

<强> 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);
}

Answer 4

您应绑定事件以更新值。例如onkeyupevent document.getElementById("A1").onkeyup=function() { document.getElementById("A2").value = this.value };

Answer 5

我将值更改为空白并为输入提供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>

Answer 6

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

有效吗

用另一个输入字段值更新隐藏的输入字段值？

6 个答案: