首页 > 解决方案 > 当我有多个用户输入时如何识别正确的输入 - html 和 javascript

问题描述

我不确定如何用一句话来表达这个问题,这也是我努力寻找解决方案的部分原因。

我有几个输入框:

<td class="inputbox">
<input class="entN" type="text" autocomplete="off" id="input">
</td>

<td class="inputbox">
<input class="entN" type="text" autocomplete="off" id="input">
</td>

<td class="inputbox">
<input class="entN" type="text" autocomplete="off" id="input">
</td>

我有一个 javascript 函数,它读取输入通过 php 传递它,然后将输入附加到连接到每个单独输入的另一个框。

$(function () {
  $(".entnum").on("click", function () {
    $("#input").focus();
  });

  $("#input").on("keydown", function search(e) {
    if (e.keyCode == 13) {
      var input = $(this).val();
      document.cookie = "input = " + input + "; path = /";
      entered = $(this).val();
      var ajax = new XMLHttpRequest();
      ajax.open("GET", "input.php", true);
      ajax.send();
      ajax.onreadystatechange = function () {
        if (this.readyState == 4 && this.status == 200) {

          $("#output1").append(input);

          var element = document.getElementById("output1");

          $("#input").val("");
        }
      };
    }
  });
});

问题是我不知道如何为每个单独的输入传递函数数据,例如我可以用来传递 php 的唯一数字,因为它与输入的来源相关,所以我可以附加输入到正确的唯一输出框。

我是否只需要使用 onclick 功能,以便我可以使用该功能发送数据,还是有办法用我目前拥有的东西来做到这一点?

还有这种类型的函数叫什么?窗口,全局?

 $(function () {
      $(".entnum").on("click", function () {
        $("#input").focus();
      });

标签: javascripthtmluser-input

解决方案


推荐阅读