如何从不同的文件中调用 select 框的值？

Question

我创建了 2 个文件： 1. post.php 2. ajax.php

我想select2select框显示相关图表。 select 框编码为 post.php。数据查询在ajax.php文件中。我想在 ajax.php 中编写 select 框逻辑，以便使用 ajax 调用将所选 select 框数据发送到 post.php。

但是，我不知道如何调用 ajax.php 中 select 框的变量 selected 值到运行那里的函数。

谁能帮帮我？

这是来自 post.php

的代码

            //combo box options to select post filter
             echo 'Posts of : ';
             echo '<select id="post-filter">';
             echo '<option value="0" selected="selected"> Select </option>';
             echo '<option value="1">Job</option>';
             echo '<option value="2">Internship</option>';
             echo '</select>';


             echo '&nbsp;&nbsp;&nbsp;';

            //combo box options to select group filter
             echo 'Category : ';
             echo '<select id="field-filter">';
             echo '<option value="0" selected="selected"> Select </option>';
             echo '<option value="1">Company</option>';
             echo '<option value="2">Location</option>';
             echo '<option value="3">Jobs Category</option>';
             echo '<option value="4">Salary</option>';
             echo '<option value="5">Experience</option>';
             echo '<option value="6">Level of Education</option>';
             echo '</select>';
            ?>

function change1() {
        var listbox1 = document.getElementById("post-filter");
        var selIndex1 = listbox.selectedIndex;
        var selValue1 = listbox.options[selIndex1].value;
        var selText1 = listbox.options[selIndex1].text;

        }


    function change2() {
        var listbox2 = document.getElementById("post-filter");
        var selIndex2 = listbox.selectedIndex;
        var selValue2 = listbox.options[selIndex2].value;
        var selText2 = listbox.options[selIndex2].text;

        }

这是获取所选数据值的ajax.php文件

if (selValue1 == '1') {
     if (selValue2 == '1') {

                x = CompanyData;
                y = optionsCompany;

                }

     if (selValue2 == '2') {
                   x = LocationData;
                    y = optionsLocation;
                }

      if (selValue2 == '3') {
          x = CategoryData;
          y = optionsCategory;
        }


      if (selValue2 == '4') {
          x = SalaryData;
          y = optionsSalary;
        }

      if (selValue2 == '5') {
          x = ExperienceData;
          y = optionsExperience;
        }


        if (selValue2 == '6') {
          x = LevelData;
          y = optionsLevel;
        }

 }


 elseif (selValue1 == '2') {

    if (selValue2 == '1') {

                x = CompanyData;
                y = optionsCompany;

                }

     if (selValue2 == '2') {
                   x = LocationData;
                    y = optionsLocation;
                }

      if (selValue2 == '3') {
          x = CategoryData;
          y = optionsCategory;
        }


      if (selValue2 == '4') {
          x = SalaryData;
          y = optionsSalary;
        }

      if (selValue2 == '5') {
          x = ExperienceData;
          y = optionsExperience;
        }


        if (selValue2 == '6') {
          x = LevelData;
          y = optionsLevel;
        }
 }

我可以用这个吗？

$(document).ready(function() {
        $('select[name="post-filter"]').change(function(){
        var select1 = $(this).val();
        $.ajax({
                type: 'POST',
                url: 'ajax.php',
                data: {select1: select1},
                dataType: 'php'
                 });
            });
        });

Answer 1

Post.php

 <?php
                 //combo box options to select post filter
                 echo 'Posts of : ';
                 echo '<select id="post-filter">';
                 echo '<option value="0" selected="selected"> Select </option>';
                 echo '<option value="1">Job</option>';
                 echo '<option value="2">Internship</option>';
                 echo '</select>';


                 echo '&nbsp;&nbsp;&nbsp;';

                //combo box options to select group filter
                 echo 'Category : ';
                 echo '<select id="field-filter">';
                 echo '<option value="0" selected="selected"> Select </option>';
                 echo '<option value="1">Company</option>';
                 echo '<option value="2">Location</option>';
                 echo '<option value="3">Jobs Category</option>';
                 echo '<option value="4">Salary</option>';
                 echo '<option value="5">Experience</option>';
                 echo '<option value="6">Level of Education</option>';
                 echo '</select>';
   ?>
   <script>
      $(document).ready(function() {
        // for post-filter
        $('#post-filter').on('change',function(){
        var select1 = $(this).val();  // Post filter value
        var select2 = $("#field-filter").val(); // Field Filter value
        $.ajax({
                type: 'POST',
                url: 'ajax.php',
                data: {selValue1 : select1,selValue2 :select2 },
                success: function(result){
                   console.log(result); // what ever the ajax call response we got from ajax.php
                }
            });
        });
     // we need to do the same for field filter value.
     $('#filed-filter').on('change',function(){
        var select2 = $(this).val();  // Field filter value
        var select1 = $("#post-filter").val(); // post Filter value
        $.ajax({
                type: 'POST',
                url: 'ajax.php',
                data: {selValue1 : select1,selValue2 :select2 },
                success: function(result){
                   console.log(result); // what ever the ajax call response we got from ajax.php
                }
            });
        });
   </script>

ajax.php 将与您所做的相同。

如何从不同的文件中调用 select 框的值？

How to call the value of select box from different file?

php

selectboxit