拼图网格中的输入框应更新列表中的值-解网

问：

我是JQuery的新手，并试图解决使用Jquery回调更新输入框的问题我正在创建一个拼图网格，我将所有网格单元格创建为输入框，当用户在单元格中输入英文字母时，我会在字典中检查它们并使用地图值更新输入字段。如何使用回调函数 / Ajax 更新输入值（转换后）值

以下代码未正确保存英文字母

    $("input").each(function () {
        var temp = '';
        $(this).on("input", function () {
             alert($(this).val()); 
            $(this).val(my_dict[$(this).val()]);
        });
 
    });

jQuery AJAX 回调

$(function() {
  var myDict = [
    "Hello",
    "World",
    "FOO",
    "bar"
  ];
  $("input").change(function(evt) {
    var v = $(this).val().toLowerCase();
    var i = myDict.findIndex(function(el) {
      return el.toLowerCase() === v;
    });
    if (i !== -1) {
      $(this).val(myDict[i]);
    }
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text">
<input type="text">
<input type="text">

这用于在数组中查找正确的索引，并且不区分大小写。知道 Index 后，可以将 Value 替换为 Array 中的元素。.findIndex()

例如，如果用户输入“hello”，则当事件被触发时，它将更改为“Hello”。

上一个：函数完成后的jQuery回调

下一个：切换输入数据的行和列

拼图网格中的输入框应更新列表中的值

input boxes in puzzle grid should update the value from the list

评论