Изменить текстовое поле в зависимости от выбора
Я пытаюсь разработать небольшой проект, и у меня есть небольшая проблема
Я делаю страницу PHP, подключенную к серверу MySQL. У меня есть страница, к которой имеет доступ только администратор, и эта страница позволяет ему изменять информацию пользователей.
Итак, у меня есть выбор, который показывает все имена пользователей на веб-сайте и 3 текстовых поля, где можно вставить имя, фамилию и адрес электронной почты.
Моя база данных успешно обновлена, но я пытаюсь сделать следующее: выбрать имя пользователя или выбрать автозаполнение из 3 учебников с этой информацией об имени пользователя.
Вот изображение, которое лучше объясняет, что я хотел бы сделать.
Извините за мой английский и спасибо всем
http://s3.postimg.org/da9srvh5f/table_copy.jpg
Решение
<script type="text/javascript">
function reload() {
var val=document.getElementById("c-name").value;
self.location="your_url.php?name=" + val ;
//alert(val);
}
</script>
<form name="data" action="your_url.php" method="post">
<table id="tbl">
<tr>
<td>Name </td>
<td>
<select id="c-name" name="name" onChange="reload()" style="width:340px;">
<option value="">Select Name</option>
<option value="abc">ABC</option>
<option value="xyz">XYZ</option>
<option value="mno">MNO</option>
</select>
</td>
</tr>
<?php
if(isset($_GET['name'])){
$name = $_GET['name'];
$SQL_Data = "select * from client_data where cname = '".$name."'";
$result = mysqli_query($SQL_Data);
while($details = mysqli_fetch_array($result)) {
?>
<tr>
<td>First Name</td>
<td><input type="text" name="fname" class="c1" value="<?=$details['fname']?>" /></td>
</tr>
<tr>
<td>Last Name</td>
<td><input type="text" class="c7" name="lname" value="<?=$details['lname']?>" /></td>
</tr>
<tr>
<td>User Name</td>
<td><input type="text" class="c7" name="uname" value="<?=$details['uname']?>" /></td>
</tr>
<?php
} }
?>
<tr><td align="center" colspan="2"><input type="submit" name="submit" value="Submit" /></tr>
</table>
</form>
Другие решения
Вы можете сделать так, чтобы ваш PHP-сервер возвращал данные JSON на ваш веб-интерфейс. Затем с помощью JavaScript сделайте что-то вроде:
document.getElementsById('ID').Value = VALUE;
куда ID это идентификатор вашего выбора и VALUE это значение, найденное в ваших данных JSON.
Или вы можете сделать это чисто в PHP / MySQL.