时间戳

首页 > 解决方案 > 如何在jquery中同时输入和删除两个输入字段

javascript - 如何在jquery中同时输入和删除两个输入字段

问题描述

我有多个选项卡，每个选项卡都包含一个带有名称列表的数据网格。每个选项卡都有一个“搜索”input字段，可以在其中对数据网格内的值执行搜索。我想在第一个搜索输入字段中输入一个字符串，并在选项卡之间切换时看到相同的字符串。此外，当我删除第二个选项卡中的字符串时，它也应该在第一个选项卡中删除。

我设法将字符串复制到遇到一些问题的第二个搜索字段。

  1. 尽管字符串被复制到第二个搜索字段，但搜索并不适用。
  2. 如果我删除第二个搜索字段中的搜索字符串，该字符串仍保留在第一个搜索字段中。我的目标是以某种方式将两个搜索字段连接在一起并作为一个整体工作。
$(document).ready(function myFunction() {
  $('#datagridOne').find('.e-input-large').bind('keypress blur', function myFunctionT() {
    $('#datagridTwo').find('.e-input-large').val($('.e-input-large').val() );
  });  
});

标签： javascriptjquery

解决方案

HTML：

<input class="mySearchFields" type="search">
<input class="mySearchFields" type="search">

查询：

$(".mySearchFields").on("input", function(){
   $(".mySearchFields").val($(this).val());
});

演示它的代码片段：

$(".mySearchFields").on("input", function(){
    $(".mySearchFields").val($(this).val());
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="mySearchFields" type="search">
<input class="mySearchFields" type="search">
<input class="mySearchFields" type="search">
<input class="mySearchFields" type="search">
<input class="mySearchFields" type="search">

尝试这个

编辑：添加的不仅仅是搜索输入字段，以证明此解决方案不限于两个，而是可以在具有相同类的所有输入字段上工作。

推荐阅读