Это может быть глупый вопрос, но я хотел бы получить разъяснения относительно того, как это сделать. Я столкнулся с довольно несколькими статьями, которые позволяют устанавливать значения текстового поля в зависимости от выбора, сделанного в выпадающем меню, используя jQuery и Ajax.My проблема в том, когда я пытаюсь сделать то же самое в зависимости от выбора, сделанного в 5 раскрывающихся меню. У меня есть значения Id, хранящиеся в базе данных, которые должны использоваться для заполнения текстового поля. как решить эту проблему с помощью нескольких выпадающих списков. Это мой код до сих пор.
<?php $sql1="SELECT Schlungen FROM schulung as s"; $result=mysql_query($sql1); echo "<p align='left'> <strong>Schulung 1</strong> <select name='Schlungen1'> <option value default></option>"; while ($row = mysql_fetch_array($result)) { echo "<option value='" . $row['Schlungen'] . "'>" . $row['Schlungen'] . " </option>"; } echo "</select>"; ?> <?php error_reporting(0); //Drop Down for Schulung 2 $sql2="SELECT Schlungen FROM schulung as s"; $result=mysql_query($sql2); echo "<p align='left'> <strong>Schulung 2</strong> <select name='Schlungen2'> <option value default></option>"; while ($row = mysql_fetch_array($result)) { echo "<option value='" . $row['Schlungen'] . "'>" . $row['Schlungen'] . " </option>"; } echo "</select>"; ?> <?php error_reporting(0); //Drop Down for Schulung 3 $sql3="SELECT Schlungen FROM schulung as s"; $result=mysql_query($sql3); echo "<p align='left'> <strong>Schulung 3</strong> <select name='Schlungen3'> <option value default></option>"; while ($row = mysql_fetch_array($result)) { echo "<option value='" . $row['Schlungen'] . "'>" . $row['Schlungen'] . "</option>"; } echo "</select>"; ?> <?php error_reporting(0); //Drop Down for Schulung 4 $sql4="SELECT Schlungen FROM schulung as s"; $result=mysql_query($sql4); echo "<p align='left'> <strong>Schulung 4</strong> <select name='Schlungen4'><option value default></option>"; while ($row = mysql_fetch_array($result)) { echo "<option value='" . $row['Schlungen'] . "'>" . $row['Schlungen'] . " </option>"; } echo "</select>"; ?> <?php error_reporting(0); //Drop Down for Schulung 5 $sql5="SELECT Schlungen FROM schulung as s"; $result=mysql_query($sql5); echo "<p align='left'> <strong>Schulung 5</strong> <select name='Schlungen5'><option value default></option>"; while ($row = mysql_fetch_array($result)) { echo "<option value='" . $row['Schlungen'] . "'>" . $row['Schlungen'] . " </option>"; } echo "</select>"; ?> <p align="left"><strong>Access_level </strong> <input type="text" name="a_level" disabled="disabled"> </p> Для достижения автоматического завершения вы можете создать поле выбора в html-файле, вызвать функцию javascript для события keyup и использовать jQuery для вызова вашего php-файла
<html> <head> <script> $('.autosuggest').keyup(function(){ $.post("<your file.php>",{any data you need},function(data){ //echo the data //echo "<option value='" . $row['Schlungen'] . "'>" . //$row['Schlungen'] ." </option>"; $('.result').html(data) }); }); $('.result option').click(function(){ var rValue = $(this).text(); $('.autosuggest').attr('value',rValue); $('.result').html(''); }); </script> </head> <body> <input type='text' class='autosuggest'/> <select class='result'> </select> </body> </html>.<html> <head> <script> $('.autosuggest').keyup(function(){ $.post("<your file.php>",{any data you need},function(data){ //echo the data //echo "<option value='" . $row['Schlungen'] . "'>" . //$row['Schlungen'] ." </option>"; $('.result').html(data) }); }); $('.result option').click(function(){ var rValue = $(this).text(); $('.autosuggest').attr('value',rValue); $('.result').html(''); }); </script> </head> <body> <input type='text' class='autosuggest'/> <select class='result'> </select> </body> </html>
попытайтесь установить значение каждого параметра выбора html как идентификатор этого текста
поэтому эхо должно быть
echo "<option value='" . $row['id'] . "'>" . $row['Schlungen'] . " </option>";
затем в html select добавьте событие onchange и добавьте функцию JS foo (), чтобы заполнить скрытый ввод всеми выбранными идентификаторами, получив их со страницы с помощью JQuery или Javascript
также вам нужно добавить id или class для каждого выбора html, чтобы легко получить его выбранное значение
$("#select1").val(); $("#select2").val(); ...
затем вставьте эти значения в скрытое поле ввода, так что скрытый ввод теперь содержит все выбранные идентификаторы