jQuery - 使用相同的数据更新 2 个或多个表单字段

jQuery - update 2 or more form fields with the same data

本文关键字：字段 表单 更新 数据 jQuery      更新时间：2023-09-26

好吧，所以听起来很混乱...但从本质上讲，我试图做的事情应该是有意义的。

我正在使用jquery选项卡。 在这些选项卡中，我有一些列表和一些表单字段。

所以。。。

选项卡 a = 列出带有一些表单字段的 a...选项卡 b = 带有模板字段的列表 b...等等。

但。。。其中一个选项卡是"全部"选项卡。 它包含列表 A 和列表 B 等。

所以我的问题是这个。

如果用户更新选项卡 A（列表 A）如何让 TAB C（所有列表）使用相同的值进行更新？

希望这是有道理的。

提前致谢W

下面是一个带有一个输入的选项卡和一个包含所有输入的选项卡的示例。 对任何输入的更改会自动（在keyup事件上）发送到副本（即使您在"全部"选项卡（演示）上进行了更改）：

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Nunc tincidunt</a>
        </li>
        <li><a href="#tabs-2">Proin dolor</a>
        </li>
        <li><a href="#tabs-3">Aenean lacinia</a>
        </li>
        <li><a href="#tabs-4">All</a>
        </li>
    </ul>
    <div id="tabs-1">
        <p>
            A:<input name='A' />
        </p>
    </div>
    <div id="tabs-2">
        <p>
            B:<input name='B' />
        </p>
    </div>
    <div id="tabs-3">
        <p>
            C:<input name='C' />
        </p>
    </div>
    <div id="tabs-4">
        <p>
            A:<input name='A' /><br/>
            B:<input name='B' /><br/>
            C:<input name='C' /><br/>
        </p>
    </div>
</div>
<script>
$(function () {
    $("#tabs").tabs();
    $('input[name=A],input[name=B],input[name=C]').on('keyup change', function() {
        $('input[name='+$(this).attr('name')+']').val($(this).val());
    })
});
</script>
相关文章：