SQL에서 동적으로로드 된 선택 옵션 값을 기반으로 입력 텍스트 값

Question

DB 결과 쿼리에서 옵션을 동적으로로드하는 선택 필드가있는 양식이 있습니다. 다음은 코드의 모양입니다. 나중에 설명 텍스트 입력을 볼 수 있습니까? productID 아래에서 선택한 항목에 대한 설명을 반환하는 코드가 필요합니다. 어떻게해야합니까? 모든 답장을 보내 주셔서 대단히 감사합니다.

<div class="row-fluid"> 
    <div class="span3"> 
     <label>SKU</label> 
     <?php echo '<select name="ITEM" id="user" class="textfield1">'; 
     while($res= mysql_fetch_assoc($sql)) 
     { 
     echo '<option value="'.$res['productID'].'">'; 
     echo $res['SKU'] ; 
     echo'</option>'; 
     } 
     echo'</select>'; 

     ?> 
    </div> 
</div> 
<div class="row-fluid">    
    <div class="span3"> 
     <label>Description</label> 
     <input type="text" name="description" value=""/> 
    </div> 
</div> 

Answer 1

당신은 2 가지 방법으로이 작업을 수행 할 수 있습니다

첫 번째 방법을이 제품 ID가 포함됩니다 $_GET 매개 변수를 갖는 페이지 리디렉션하는 것입니다 :

<div class="row-fluid"> 
    <div class="span3"> 
     <label>SKU</label> 
     <?php echo '<select name="ITEM" id="user" class="textfield1" 
         onchange="document.location=\'my-page.php?pid=\' + this.value">'; 
     while($res= mysql_fetch_assoc($sql)) 
     { 
      echo '<option value="'.$res['productID'].'"'; 
      // LATER EDIT 
      if(isset($_GET['pid']) && $_GET['pid'] == $res['productID']) 
       echo 'selected="selected"'; 
      // END LATER EDIT 
      echo '>'; 
      echo $res['SKU'] ; 
      echo'</option>'; 
     } 
     echo'</select>'; 

     ?> 
    </div> 
</div> 
<div class="row-fluid">    
    <div class="span3"> 
     <label>Description</label> 
     <?php 
      if(isset($_GET['pid']) && is_numeric($_GET['pid'])) { 
       $sql = mysql_query("SELECT description 
            FROM products 
            WHERE product_id='" . mysql_real_escape_string($_GET['pid']) . "'"); 
       $row = mysql_fetch_assoc($sql); 
      } 
     ?> 
     <input type="text" name="description" value="<?=$row['description']?>"/> 
    </div> 
</div> 

두 번째 방법을 페이지를 새로 고치지 않고 ajax 호출을 호출하고 설명 입력을 동적으로 채우는 것입니다.

// this is the JS code 
$(document).ready(function(){ 
    $('#user').change(function(){ 
     $.POST("my-ajax-call-page.php", 
       {pid: $("#user").val()}, 
       function(data){ 
        $('input[name="description"]').val(data.description); 
       }, "json"); 
    }); 
}); 

하고 my-ajax-call-page.php은 다음과 같이해야합니다 :

<?php 
    include("mysql-connection.php"); 

    $sql = mysql_query("SELECT description 
         FROM products 
         WHERE product_id='" . mysql_real_escape_string($_POST['pid']) . "'"); 
    $row = mysql_fetch_assoc($sql); 

    echo json_encode("description" => $row['description']); 
?> 

당신은 이제 하나 개의 js 함수를 생성 및 onchange를 촉구 jQuery library website

Answer 2

<div class="row-fluid"> 
    <div class="span3"> 
     <label>SKU</label> 
     <?php echo '<select name="ITEM" id="user" class="textfield1" onchange="showDesc()">'; 
     $desHTML = ""; 
     echo "<option value='0'>Please select</option>" 
     while($res= mysql_fetch_assoc($sql)) 
     { 
     echo '<option value="'.$res['productID'].'">'; 
     echo $res["SKU"] ; 
     echo'</option>'; 
     $desHTML .="<div class'descBox' id='".$res['productID']."' style='display:none'>".$res['description']."</div>"; 
     } 
     echo'</select>'; 

     ?> 
    </div> 
</div> 
<div class="row-fluid">    
    <div class="span3"> 
     <label>Description</label> 
     <?php echo $desHTML; ?> 
    </div> 
</div> 

에 jQuery 라이브러리를 사용하는 많은 예제와 문서를 찾을 수 선택 상자. Js 함수 힌트 :

$ (". descBox"). hide(); $ ("#"+ selectedItemValue) .show();

JS 기능에 대한 도움이 필요하면 알려주십시오.

Answer 3

당신은 우리에게 당신의 SQL 쿼리를 보여주지 않았지만 란 이름의 컬럼이 있다고 가정하고 당신은 당신의 쿼리에서도이 컬럼을 선택하고 있습니다. 그럼

, 당신은 추가 id 속성을 당신의 input type="text"