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

使用听众：

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

Answer 2

您是否尝试将onChange的函数设置为那些文本框？

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

</script>

Answer 3

我相信这就是你要找的东西。

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

从文本框中获取值并将其设置为另一个

3 个答案: