Question

这个问题似乎很傻！但我正在寻找最好的答案，

我有一个输入字段和一个隐藏字段。如何将输入字段的值设置为隐藏字段的值？

<input class="class1" id="id1" name="name1" value="06/30/2015" />

<input type="hidden" name="hidden" id="hidden" value="I want the value of above field">

Answer 1

请尝试此

$(document).ready(function(){
    $("#id1").change(function(){
        $("#id1").val($("#hidden").val());
    });
});

DEMO

Answer 2

您可以使用更改事件处理程序来更新隐藏字段的值

//set the initial value
hidden.value = id1.value;

<input class="class1" id="id1" name="name1" value="06/30/2015" onchange="window.hidden.value=this.value" />
<input type=hidden name="hidden" id="hidden" value="I want the value of above field">

Answer 3

你可以通过以下原因，我使用onblur来设置从输入到隐藏的值。同样为什么你可以使用不同的方法。

或者，如果您严格要使用javascript，那么添加一个onblur函数并像使用callthis（）函数一样执行代码。

＆＃13;

$("#id1").blur(function(){
      $("#hidden").val($(this).val())
      console.log($("#hidden").val());
    });

function callthis(inputobj)
{
  document.getElementById("hidden").value = inputobj.value;
  console.log(document.getElementById("hidden").value)
}

＆＃13;

<input class="class1" id="id1" name="name1" onblur="callthis(this)" value="06/30/2015" />

<input type="hidden" name="hidden" id="hidden" value="I want the value of above field">

＆＃13;

使用JS将输入字段的值设置为隐藏字段的值

3 个答案: