jQuery - 使用相同的數據更新2個或更多的表單字段

Question

好吧，所以它聽起來很混亂......但實質上，我試圖做的事情應該是有道理的。

我正在使用jquery選項卡。在這些標籤中，我有一些列表和一些表單域。

所以......

Tab鍵=列表中的一些表單字段... 標籤B = B名單與formfields ...等等。

但是...其中一個標籤是所有標籤。它包含ListA 和列表B等等

所以我的問題是這樣的。

如果用戶更新TAB A（列表A） 如何獲得TAB C（所有列表）以相同的值更新？

希望是有道理的。

預先感謝 W¯¯

Answer 1

這裏是具有一個輸入端和與所有這些選項卡的選項卡的一個例子。對任何輸入的變化自動（在keyup事件）發送到副本（即使你做了「所有」選項卡上的變化（demo）：

<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>