Получите значение из текстового поля и установите его в другом

Question

У меня есть 5 текстовых полей и кнопка. Один из этих текстовых полей предназначен для ввода текста, а другой - для получения значения из первого.

Я хочу создать цикл для проверки каждый раз, когда я помещаю что-то в первое текстовое поле, чтобы он проверял наличие доступного текстового поля.

<input id="inputtext" type="text" name="pass" placeholder="input text" onchange="langd()" /> 
<input class="txt" id="Text8" type="text" /> 
<input class="txt" id="Text9" type="text" /> 
<input class="txt" id="Text10" type="text" /> 
<input class="txt" id="Text11" type="text" /> 
<input id="btnLaggTill" type="submit" name="login" class="login loginmodal-submit" 
     value="Lägg till" onclick="langd(); return false;"> 

function langd() { 
var txt = $("#inputtext").val(); 
    if (document.getElementById("Text8") != "") { 
     $("#Text8").val(txt); 
     document.getElementById("Text8").style.visibility = 'visible'; 
    } 
    else if (document.getElementById("Text9") != "") { 
     $("#Text9").val(txt); 
     document.getElementById("Text9").style.visibility = 'visible'; 
    } 
    else if (document.getElementById("Text10") != "") { 
     $("#Text10").val(txt); 
     document.getElementById("Text10").style.visibility = 'visible'; 
    } 
    else if (document.getElementById("Text11") != "") { 
     $("#Text11").val(txt); 
     document.getElementById("Text11").style.visibility = 'visible'; 
    } 
} 

Answer 1

Я считаю, что это то, что вы ищете.

HTML:

<form class="my-form"> 
    <input id="inputtext" type="text" name="pass" placeholder="input text"> 
    <input class="txt" id="Text8" type="text" /> 
    <input class="txt" id="Text9" type="text" /> 
    <input class="txt" id="Text10" type="text" /> 
    <input class="txt" id="Text11" type="text" /> 
    <input id="btnLaggTill" type="submit" name="login" class="login loginmodal-submit" value="Lägg till"> 
</form> 

JQuery:

$(document).on('submit', '.my-form', function(){ 
    var txt = $('#inputtext').val(); 
    $(".txt:first").val(txt).removeClass('txt'); 
    return false; 
}); 

JSFiddle demo

Answer 2

Используйте слушателя:

$("#inputtext").keyup(function() { 
    langd(); 
}) 

Answer 3

Вы пытались установить функцию в OnChange для тех текстовых полей?

<input id="txt_Search" type="text" onchange="Call()" /> 
<script> 
function Call() 
{ 
    ... 
} 

</script>