jQuery - 두 개 이상의 양식 필드가 동일한 데이터로 업데이트됩니다.

Question

좋아, 너무 혼란 스럽지만 ... 본질적으로 무엇을하려고하는지 이해해야합니다.

jquery tabs를 사용하고 있습니다. 이 탭에는 목록과 양식 필드가 있습니다.

그럼 등 어떤 형태로 필드 formfields ... 탭 B = B ...리스트와 함께

탭 A =리스트가.

그러나 이러한 탭 중 하나는 전체 탭입니다. ListA가 포함되어 있습니다 및리스트 B 등

제 질문은 이것입니다.

사용자가 TAB A (목록 A)를 업데이트하는 경우 TAB C (모든 목록)를 동일한 값으로 업데이트하려면 어떻게해야합니까?

희망이 있습니다.

Answer 1

W의 사전

덕분 여기서 하나 개의 입력 및 그들 모두 가지는 탭과 탭의 예이다.

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