如何获取表单输入，从 php 中的同一页面中选择值？

Question

我有一个表格：

<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，那么他/她将从数据库中获取相应的值作为第二次选择的下拉值。然后她/他将从这些下拉值中选择一个。最后表格将手动提交。显然根据第一个下拉选择值，第二个下拉选择值会相应变化。

因此，挑战是在手动提交表单之前，从第一个选择下拉值中获取值以在第二个选择下拉值中使用它。我怎样才能做到这一点？我正在使用 php。我还需要什么？

稍后添加：

到目前为止，我对发布的问题的解决方案有所了解。

现在想想，

我必须根据第一个下拉列表检索第二个下拉列表的值。如果有第三个下拉值要从数据库中检索取决于第一个和第二个，然后第四个下拉值取决于前三个，依此类推第五个，第六个......那么我该如何实现呢？ ?

所有下拉<select></select> 元素将在同一页面上水平并排放置。

Answer 1

您需要客户端脚本。这里有一个article如何使用jQuery（流行的JS框架）实现这个功能

Answer 2

您将需要 Javascript 来处理此问题，覆盖 List Control 的 onSelectionChange 事件并在更改事件时从服务器端脚本获取第二个下拉框的值。

Answer 3

您需要使用 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);
?>

Answer 4

你可以试试这个：

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

此 onchange 属性将应用于第一个选择框并为第二个选择框命名 喜欢：

只要您从第一个下拉菜单中更改选项，上述代码就会发送一个 AJAX GET 请求。

并在调用的函数中从 DB 中获取值并返回 HTML。 例如：

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