从php/myswl动态创建的选择框中更新文本框

Question

所以我试图获得一组文本框来显示当前的信息到从PHP MySQL请求动态创建的选择框。 select生成正常，但只填充表格的最后一行。我想这样做以便在更改选择框时文本框会更新以反映新信息。

当前代码从MySQL获得的信息：

<div id="edithidden" style="display:none;"> 
     <div id="prompt"><strong>Section to Edit:</strong></div> 
     <div id="answer"> 
     <form id="editorginfo" action="" method="post"> 
      <select id="edit"> 
       <option>Section to Edit</option> 
       <?php 
$query = $db->query("SELECT ID, OrgName, Phone, Location FROM emergencyorg"); 

while ($row = $query->fetch(PDO::FETCH_ASSOC)) { 
$pid=$row['ID']; 
$name=$row['OrgName']; 
$phone=$row['Phone']; 
$loc=$row['Location']; 

     echo "<option value='" . $pid . "' "; 
     if($row['OrgName']==$pid){ 
     echo ' selected'; 
     } 
     echo">" . $name . "</option>"; 
} 
?> 
</select> 
     </div>   
     <div id="prompt">Organization Name:</div> 
    <div id="answer"> 
     <input type="text" name="editorgname" id="editorgname" value="<?=$name?>"/> 
    </div> 
    <div id="prompt">Organization Phone Number:</div> 
    <div id="answer"> 
     <input type="text" name="editorgphone" id="editorgphone" value="<?=$phone?>"/> 
    </div> 
    <div id="prompt">Orginization Location:</div> 
    <div id="answer"> 
     <input type="text" name="editorglocation" id="editorglocation" value="<?=$loc?>"/> 
    </div> 
    <div id="prompt"> 
     <input type="submit" id="editorg" name="editorg" value="Update Information" /> 
    </div> 
    </form> 
    </div> 

这是否必须用AJAX做了什么？

再次提前致谢！

Answer 1

是的，阿贾克斯可能是你最好的选择。

但是，如果你不想做（也许保持在服务器上点击到最小是很重要的），那么你可以为每一个组织中所有的数据加载到隐藏字段（使用组织的ID作为前缀不同组织之间的区别），然后使用JavaScript中的<select>

onchange事件将数据加载到领域或许是这样的（未经测试的半伪使用jQuery）

<select onchange="changeOrg(this);"> 
<option value='1'>My org</option> 
. 
. 
. 
</select> 
<input type="hidden" name="1_org_address" id="1_org_address" value="12 Nowhere St" /> 
. 
. 
. 

<label>Address</label><br /> 
<input type="text" name="org_address" id="org_address" /> 

<script> 
function changeOrg(org){ 
var chosen_org_id = $(org).val() 
$("#org_address").val($("#" + chosen_org_id + "_org_address").val()); 
//etc 
} 
</script> 

Answer 2

您将代码必须使用JavaScript来做到这一点。有两种方法：

1）将你的PHP数据保存到一个javascript对象，并在select上添加一个change事件，这取决于选择的选项，在javascript对象中找到新的输入值

或

2）添加一个变化事件上的选择做一个AJAX请求，如果你想避免刷新页面刷新输入值

Answer 3

，那么AJAX是要走的路。你可以使用jQuery $.post方法来做到这一点。 http://api.jquery.com/jQuery.post/

下面是一个示例代码：

$('#select').change(function(){ 
    var val = $(this).val(); 
    $.post('data_source.php', {'select_value' : val}, 
    function(response){ 
     $('#table').html(response); 
    } 
); 
}); 

但如果你输入的是已经在数据库中，也许你可以只加载它们马上，只是隐藏和显示的东西时，选择框的值变化。