회원 목록을 select 로 불러와서 선택시 input 에 집어넣기

프로젝트 관리 사이트 작업중에 구현한 부분을 공유합니다.

셀렉트박스로 회원 전체목록을 불러오고 선택시에 지정한 input으로 아이디를 넣어줍니다.

@어린왕자 님의 팁을 훔쳐와서 양념했습니다.

<?php
function get_member_opt_view($fild, $mb_id) 
{ 
  global $g5; 
$sql = " select * from $g5[member_table]"; 
    $result = sql_query($sql); 
    for ($i=0; $row=sql_fetch_array($result); $i++) 
    { 
        $str .= "<option value='$row[mb_id]'"; 
        if ($row[mb_id] == $fild or $row[mb_id] == $mb_id) $str .= " selected"; 
        $str .= ">$row[mb_id]　($row[mb_name])</option>"; 
    } 
    return $str; 
} 
?>

<?php if ($is_admin) { //관리자일 경우만 보임 ?>
 
//회원정보를 셀렉트로 가져온다.
<select onchange="document.getElementById('wr_1').value = this.options[this.selectedIndex].value">
    <option value="">클라이언트 선택</option>
    <?php echo get_member_opt_view($fild, $mb_id) ?>
</select>
 
// 선택시 onchange 이벤트로 wr_1 에 value ($row[mb_id]) 값을 넣는다.
//  $str .= "<option value='$row[mb_id]'"; 부분을 수정하면 다른값을 넣을 수 있음
// input이 없고 select 만 있고 selected 가 필요한 경우는 아래에..
<input type="text" name="wr_1" id="wr_1" value="<?php echo $write['wr_1']; ?>">
 
<?php } ?>

 

구현된 화면

 

 

 

 

 

 

밑에 글자 조그맣게 나오는거는 input 입니다...

아닌것처럼 스타일만 줬습니다. 

선택전 : placeholder="선택된 클라이언트가 없습니다."

선택후 : value="<?php echo $write['wr_1']; ?>"

 

--------------------------------------

 

input이 없고 select 만 있는 경우는 
onchange="document.getElementById('wr_1').value = this.options[this.selectedIndex].value"
를 지워버리고 select 에 name="wr_1"  넣어주면 wr_1 로 value 값이 저장될거고

수정시 selected 될것 같습니다.