通過AJAX，PHP和MYSQL從下拉列表中更改文本框

Question

我有一個由2列，ContactName和Usertype組成的表。我有一個下拉列表，其中包含來自ContactName的數據。當我在下拉列表中選擇任何值時，應根據選擇的內容顯示其Usertype。請幫幫我。到目前爲止，我做了很多。當我在下拉列表中選擇任何值時，會顯示相同的值，但我需要用戶類型。

<?php 
    if(!isset($_SESSION)) { 
     session_start(); 
    } 

    $dingo=$_SESSION['dingo']; 
    $query11="Select ISO3,Notify,Dingoid from rahul_tbl_users where Dingoid=$dingo"; 
    $query123=mysql_query($query11); 
    $query1234=mysql_fetch_array($query123); 
    $fetch=mysql_query("SELECT tdd.Dingoid,tc.Dingoid,tc.A_End,tbidd.OpportunityNumber,  tbidd.Status,tbidd.Country,tbidd.OpportunityName,tbidd.Allocatedto,tbidd.Email,tbidd.Customer,tbidd.Country,tbidd.ContactName,tc.Usertype,tbidd.G1_OPPID 
     FROM scott123.rahul_tbl_users tdd inner join scott123.rahul_user_opps tc on 
     tdd.Dingoid=tc.Dingoid Inner Join scott123.rahul_tbl_opportunities tbidd 
     on tc.A_End=tbidd.OpportunityNumber 
     WHERE tc.Dingoid =$dingo"); 
    $fetch_result=mysql_fetch_array($fetch); 
?> 

<form method="post" action=""> 

<?php 
    $SQLString="SELECT distinct(G1_OPPID),ContactName from rahul_tbl_opportunities where G1_OPPID IS NOT NULL and ContactName!='' "; 
    $result1 = mysql_query($SQLString); 
    $select_box='<select name="select1" id="select1" onchange="javascript:load_value(this.value);">'; 
    $input=""; 

    while($rows1 = mysql_fetch_array($result1)) { 
     $select_box .='<option id="user_name" value="'.$rows1["ContactName"].'">'.$rows1['ContactName'].'</option>'; 
    } 

    $input ='<input type="text" name="test" id="test" value="" />'; 

    echo $select_box."</select>"; 
    echo $input; 
?> 

<input type="submit" name="submit_name11" value="Add Permission"/> 
<input type="submit" name="submit_name12" value="Edit Permission"/> 
</form> 

Answer 1

我收集的是你只是希望文本框顯示選擇框中當前選擇的內容？

改變你在選擇框onchange事件是：

onchange="transferValue();" 

並添加此腳本標籤：

<script type="text/javascript"> 
    function transferValue(){ 
     var selectBox = document.getElementById("select1"); 
     var selectedOption = selectBox.options[selectBox.selectedIndex].value; 
     var textBox = document.getElementById("test"); 
     textBox.value = selectedOption; 
    } 

    window.onload = function(){ 
     transferValue(); 
    }; 
</script>