Блог

у меня есть форма, которая имеет :

 <form name="myForm" action="a.php" method="post">
    <fieldset>
        <label>class</label>
        <select>
            <option>1</option>
            <option>2</option>
            <option>3</option>
        </select>

        <label>Subject</label>
        <select>
            <option>some value from database</option>
            <option>some value from database</option>
            <option>some value from database</option>
            <option>some value from database</option>
        </select>
    </fieldset>
<form>
  

дело в том,:

я хочу показать 3 варианта (1,2 и 3) из первого выпадающего списка выбора значений для пользователя. Предположим, что пользователь выбирает 1, тогда он получит соответствующие значения из базы данных в качестве выпадающих значений второго выбора. Затем он выберет одно из этих выпадающих значений. наконец, форма будет отправлена вручную. Очевидно, что в зависимости от первого выпадающего значения выбора, второе выпадающее значение выбора изменится соответствующим образом.

Итак, задача состоит в том, чтобы взять значение из первого выпадающего списка select values, чтобы использовать его во втором раскрывающемся списке select values, ПРЕЖДЕ чем ФОРМА БУДЕТ ОТПРАВЛЕНА ВРУЧНУЮ. Как я могу это сделать? Я использую php. Что еще мне нужно?

ДОБАВЛЕНО ПОЗЖЕ:

на данный момент у меня есть представление о решении опубликованной проблемы.

ТЕПЕРЬ подумайте, что,

Я должен получить значения для второго выпадающего списка в зависимости от первого. Если у вас есть третье выпадающее значение для извлечения из базы данных в зависимости от первого и второго, а затем четвертое выпадающее значение в зависимости от первых трех, и так далее для пятого, шестого… тогда как я могу это реализовать, пожалуйста?

все выпадающие <select></select> элементы будут располагаться рядом горизонтально на одной странице.

Для этого нужны клиентские скрипты. Вот статья о том, как реализовать эту функцию с помощью jQuery (популярного фреймворка JS)

Вам понадобится Javascript для обработки этого, переопределите onSelectionChange событие List Control и при изменении события получите значения для второго выпадающего списка из серверного скрипта.

вам нужно использовать javascript и AJAX для динамического извлечения значений для второго выпадающего списка. Например, используя jQuery, это было бы:

 $('#select1').change(function() {
   var selectedVal = $(this).val();

   //make an AJAX request to get your values depending on selectedVal
   //and update the values for the second select
}
  

Затем в PHP-скрипте вам пришлось бы сначала оценить входящий параметр, представляющий пользовательский выбор select , а затем вернуть, например, в формате JSON, данные, которые вы загружаете из базы данных.

Редактировать: тогда AJAX-запрос будет выполнен следующим образом:

 $.post("getsecondvals.php", { value: selectedVal }, function(data) {
   var result = $.parseJSON(data);
   $('#select2').html(''); //delete any old values

   for (var entry in result) {
      var option = $('<option></option>');
      option.text(entry);

      $('#select2').append(option);
   }
});
  

И ваш PHP-скрипт мог бы быть структурирован следующим образом:

 <?php
$selectedValue = $_POST['value'];
// now include everything required for your database connection
// and get the categories, use prepared statements

// finally, your resulting array should be non-associative, so
// always add new values with "[]" operator
// assuming $values is your array containing the valid options, do this:
echo json_encode($values);
?>
  

Вы можете попробовать это :

 onchange = "$('select[name='xyz']').load('yourUrl/someFunctionamp;country_id='   this.value);"
  

этот атрибут onchange будет применен к первому окну выбора и присвоит имя второму окну выбора
Нравится :

Приведенный выше код будет отправлять запрос AJAX GET всякий раз, когда вы меняете опцию из первого выпадающего меню.

И извлекать значения из базы данных в вызываемой функции и возвращать HTML. Например:

   someFunction() {
     //get values from DB and loop
   String html = "<option></option>";
   return html;
}