Question

我想创建一个表单，用户必须从列表中选择一个部分，然后另一个列表显示与此部分相对应的选项。我在jquery / js中为null，这是我要编辑的代码：

<select name="section"   class="span8" required>
        <option selected disabled>Section</option>

        <?php 


        $sq=mysqli_query($connection->con,"select * from sections");
        while($sf=mysqli_fetch_array($sq))
        {
        echo "<option value='".$sf['section_name']."'>".$sf['section_name']."</option>";
        }

        ?>

        </select>
        <select name="matiere"   class="span8" required>
        <option selected disabled>Matière</option>
        <option value="option1">option1</option>
        <option value="option2">option2</option>
        </select>

Answer 1

你的权利需要 jQuery 。

$(document).ready(function() {
     $("select[name='section']").on("change",function(){
      value_select = $(this).val();
      // perform a ajax operation 
          $.ajax({
            url: 'path/to/thefile.php',
            type: 'post',
            data: {
                   select_value : value_select,
                   more_value : more_value

                 },
            success: function (data) {
                // response you get from your server side code 
               // supposing your response will have 
                // all options in form of string 
               $("select[name='matiere']").html(data);
            }
        });
    }); 

 });

代码可能不容易这里有一个参考

http://api.jquery.com/

http://api.jquery.com/jquery.ajax/

Answer 2

我不会用勺子给你答案，而是告诉你实现的步骤

由于您需要在选项中实现目标，请选择

第1步：

检测您的输入

您的情况：您选择的内容选择

$('select').on('change', function (e) {
});

第2步：

解除操作

在你的情况下，你应该打电话给你想做的事情。要在不刷新页面的情况下执行某些操作，您应使用ajax-jquery调用

在您的选项中选择更改功能

$.ajax({
   url: "yoururl",
    type: "POST",
    data: yourdata,
    async: false,
    success: function (msg) 
    {
     console.log('youroutput');
    },
});

第3步：

输出

$("#youroutputdiv").html(data);

您应该在成功事件中执行输出，我在其中进行控制以查看输出。

使用jquery立即获取数据

2 个答案:

我不会用勺子给你答案，而是告诉你实现的步骤