задайте значение поля ввода как значение скрытого поля, используя JS

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().

$("#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) 
 
}

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