使用jquery立即获取数据[关闭]

Question

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

<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);

你应该在我做控制台查看输出的成功事件中进行输出。