AJAX/PHP로 채워진 DropDownList에서 선택한 값의 값을 사용하는 방법

Question

두 개의 드롭 다운리스트가있는 폼이 있습니다 (A와 B라고 말하면됩니다). A에서 값을 선택하면 AJAX를 사용하여 B가 적절하게 채워집니다.

동일한 페이지에서 드롭 다운 목록의 선택된 항목 값을 다른 PHP 페이지로 게시하는 버튼이 있습니다. 내가 겪고있는 문제는 B의 선택된 값이 빈/빈으로 반환된다는 것입니다.

AJAX를 사용하여 채워진 드롭 다운 목록의 선택한 값을 저장하는 방법이 있습니까? 아래

코드 : 당신의 전체 코드 다운로드를보고 싶은 경우

(기본 양식)

<form name="NewBar" method="post" onsubmit="return validateFormOnSubmit(this)" action="AssignContactDetailToBar_f.php"> 
      <tr> 
       <td width="150"><b>Bar:</b></td> 
       <td>     
        <select name = "bar" onChange="getContact('AssignContactDetailToBar_f_getContacts.php?bar='+this.value)" size = 1 style = "width:190px"> 
        <option value = "">---Select---</option> 
        <?php 
        while ($data = mysql_fetch_array($r_getBarsDetails)) 
        { 
         echo "<option value=\"".$data['bar_id']."\">".$data['bar_name']." (".$data['town_name'].")</option>"; 
        } 
        ?> 
       </td> 
      </tr> 
      <tr> 
       <td width="150"><b>Contact Person:</b></td> 
       <td>     
        <div id="persondiv"><select name = "person" size = 1 style = "width:190px"> 
        <option value = "">--Select Bar--</option> 
       </td> 
      </tr>    
      <tr> 
       <td> 
        <input name="security" type="text" size="15"> 
       </td> 
       <td> 
        <input type="submit" name="Submit" value="Submit"> 
       </td> 
      </tr> 
     </form> 

FORM은 2 드롭 다운리스트

<select name="person" size = 1 style = "width:190px"> 
<option value = "">--Select Person--</option> 
<?php 
while($data=mysql_fetch_array($result)) 
{ 
    echo "<option value=\"".$data['person_id']."\">".$data['person_name']." ".$data['person_surname']." (".$data['town_name'].")</option>";  
} ?> 

을 채 웁니다 here

Answer 1

상자 B에서 이전 값을 지우고 새로운 선택 옵션을 B에 삽입하는 동안 그에 따라 옵션에 값을 삽입하십시오. JS 참고

: argstr 유 값 1로 구분 아약스 PHP 파일에서 얻을 문자열 : 옵션 1 | 값 2 : 옵션 2 및 argctrl있어 이전 박스 B 옵션

function splitstr(argstr,argctrl) 
{ 
var o; 
    var ctrl = eval(argctrl); 
    var prezar = argstr.split("|"); 
    argctrl.length = 0; 
    clearcombo(ctrl); 
    if(argstr!='') 
    { 
     for (o=0; o < prezar.length; o++) 
     { 
      splitarr = prezar[o].split(":"); 

      ctrl[ctrl.length] = new Option(splitarr[1], splitarr[0]); 

     } 
    } 
} 


function clearcombo(argctrl) 
{ 
    for (var i=argctrl.length-1; i>=0; i--) 
    { 
    argctrl[i] = null; 
    } 
}