PHP에서 Jquery를 사용하여 동적으로 추가 된 셀의 값 검색

3 개의 셀렉션을 연결하고 싶었고이 코드를 사용하여 작동 시켰습니다. http://jsfiddle.net/FJFFJ/1/PHP에서 Jquery를 사용하여 동적으로 추가 된 셀의 값 검색

<div id="filter"> 
      <a id="clone" href="#">+</a> <a id="remove" href="#">-</a> 

     </div> 
     <div id="template"> 
      <select class="pais"> 
       <option value="1">Argentina</option> 
       <option value="2">Chile</option> 
      </select> 
      <select class="provincia"> 
       <option value="1" class="1">San Juan</option> 
       <option value="2" class="1">Mendoza</option> 
       <option value="3" class="2">La Serena</option> 
       <option value="4" class="2">Santiago</option> 
      </select> 
      <select class="ciudad"> 
       <option value="1" class="1">Rawson</option> 
       <option value="2" class="2">Godoy Cruz</option> 
       <option value="3" class="3">Coquimbo</option> 
       <option value="4" class="4">Chiñihue</option> 
      </select> 
     </div>

내가 지금 가지고있는 문제, 어떻게 PHP에서 각 드롭 다운 메뉴에서 선택한 값을 가져 않습니다입니까? 예를 들어, 위의 예는 페이지가 열릴 때 3 개의 선택 상자를 작성합니다. "+"버튼을 클릭하고 선택 행을 추가하면 동적으로 추가 된 모든 선택 항목에서 값을 가져 오는 방법은 무엇입니까?

이것은 내가 지금 한 것입니까? 그러나 아직도 doesnt 일.

<?php 
if(isset($_POST['submit'])){ 
    foreach($_POST['semester'] as $sem){ 
     echo $sem; 
    } 
} 
?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
    <script type='text/javascript' src='http://code.jquery.com/jquery-1.5.js'></script> 
    <link rel="stylesheet" type="text/css" href="/css/normalize.css"> 


    <link rel="stylesheet" type="text/css" href="/css/result-light.css"> 



     <script type='text/javascript' src="http://www.appelsiini.net/download/jquery.chained.mini.js"></script> 


    <style type='text/css'> 
    #template{ 
    display:none; 
} 
    </style> 



<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){ 
$(function() { 

    // Form element cloning 
    var i = 0; 
    $('#clone').click(function() { 

     $('#template').clone().appendTo('#filter'); 
     $('#filter #template').attr('id', 'duplicate' + i); 
     $('#filter div:hidden').show(); 


     chainItWithId(i); 
     i++; 
    }); 
    $('#remove').click(function() { 
     $('#filter > div').last().remove(); 
    }); 

    $('#clone').click(); 
}); 

function chainItWithId(id) { 
    $('#duplicate' + id + ' .department').chained('#duplicate' + id + ' .semester'); 
    $('#duplicate' + id + ' .subject').chained('#duplicate' + id + ' .department'); 
} 


function chainTemp() { 
    $('#template .department').chained('#template .semester'); 
    $('#template .subject').chained('#template .department'); 
} 
});//]]> 

</script> 
</head> 

<body> 
<div id="filter"> 
      <a id="clone" href="#">+</a> <a id="remove" href="#">-</a> 

     </div> 
     <form name="request" action="<?php $_SERVER['PHP_SELF']?>" method="post"> 
     <div id="template"> 
      <select class="semester" name="semester[]"> 
       <option value="1">1</option> 
       <option value="2">2</option> 
      </select> 
      <select class="department" name="department[]"> 
       <option value="EEE" class="1">EEE</option> 
       <option value="ECE" class="1">ECE</option> 
       <option value="MECH" class="2">MECH</option> 
       <option value="CSE" class="2">CSE</option> 
      </select> 
      <select class="subject"> 
       <option value="1" class="EEE ECE">S1</option> 
       <option value="2" class="ECE">S2</option> 
       <option value="3" class="MECH">S3</option> 
       <option value="4" class="CSE">S4</option> 
           <option value="5" class="MECH">S5</option> 
       <option value="6" class="CSE EEE">S6</option> 
      </select> 
     </div> 
     <input type="submit" name="submit" value="submit" /> 
</form> 
</body> 
</html>

출처

2013-08-26 anandatheerthan

배열,'