Question

我有这个js代码：

function tickname(str,inpt) {
    if (str.length == 0) { 
        document.getElementById(inpt).value = "";
        return;
    } else {
        var xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                document.getElementById(inpt).value = xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET", "tck_name.php?q=" + str, true);
        xmlhttp.send();
    }
}

根据sql查询数据，php动态创建输入字段

<input type="text" name="event_name_de" size="80" onkeyup="tickname(this.value,tick_de)" required><br>
<input type="text" id="tick_de" name="ticket_name_de" size="80" value="" readonly>

<input type="text" name="event_name_en" size="80" onkeyup="tickname(this.value,tick_en)" required><br>
<input type="text" id="tick_en" name="ticket_name_en" size="80" value="" readonly>

etc...

问题是当我在第一个字段中键入一些文本（name =＆＃34; event_name_de＆＃34;）然后另一个（name =＆＃34; event_name_en＆＃34;）时，值仅在输入中更改（name = ＆＃34; ticket_name_de＆＃34）。如何修复代码，输入值会根据当前脚本逻辑而改变？

P.S。抱歉我的英语不好：）

Answer 1

我为评论中给出的答案做了一个小提琴

https://jsfiddle.net/ak00nta8/

 <input type="text" name="event_name_de" size="80" onkeyup="tickname(this.value,'tick_de')" required><br>

动态输入字段和一个JavaScript

1 个答案: