У меня есть форма, которая содержит select named Client_ID, а также некоторые другие текстовые входы. Мне нужно то, что когда пользователь выбирает Client_ID, мои поля Address1, Address 2 и т. Д. Должны заполняться результатом запроса базы данных по строкам
SELECT Address1, Address2 from Client where Client_ID = Client_ID Я знаю, что это вопрос о нобе, но я бы очень хотел помочь в простейшем и лучшем способе сделать это.
Вы должны сделать что-то подобное с помощью jQuery + JSON
Прежде всего загрузите jquery и включите его в свое приложение.
Если home.php , ваш загруженный файл jquery ( jquery-1.4.2.min.js ) и getData.php находятся в одной папке, ваш home.php будет выглядеть так:
home.php (файл, который содержит вашу форму)
<html> <head> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('#Client_ID').live('change', function(event) { $.ajax({ url : 'getData.php', type : 'POST', dataType: 'json', data : $('#myform').serialize(), success: function( data ) { for(var id in data) { $(id).val( data[id] ); } } }); }); }); </script> </head> <body> <form id='myform'> <select name='Client_ID' id='Client_ID'> <option value=''>Select</option> <option value='1'>Client 1</option> <option value='2'>Client 2</option> </select> <input type='text' name='address1' id='address1'> <input type='text' name='address2' id='address2'> <select name='gender' id='gender'> <option value=''>Select</option> <option value='1'>Male</option> <option value='2'>Female</option> </select> </form> </body> </html>
getData.php
<?php $clientId = $_POST['Client_ID']; // Selected Client Id $query = "SELECT Address1, Address2 from Client where Client_ID = $clientId"; $result = mysql_query($query); $row = mysql_fetch_array($result, MYSQL_ASSOC) $add1 = $row[Address1]; $add2 = $row[Address2]; $gender = 1; $arr = array( 'input#address1' => $add1, 'input#address2' => $add2, 'select#gender' => $gender ); echo json_encode( $arr ); ?>
Я тестировал этот код на своей машине и работает.
Прочтите этот учебник . Я думаю, это может помочь вам понять концепцию перемещения данных с клиента на сервер и наоборот.
Имейте в виду, что в вашем случае вам нужно совместить событие.
$(document).ready(function(){ $("#my_select_box").change(function() { //send the data to the server as in the tutorial above }); });