【问题标题】:Select with Dynamic Options in PHP在 PHP 中使用动态选项进行选择
【发布时间】:2017-12-20 05:24:00
【问题描述】:

如何制作带有动态选项的选择列表?

我有两个选择列表;我的第一个选择列表中有两个选项,每个选项在另一个选择列表中都有不同的选项列表。

如果我选择第一个选择选项,第二个列表应该有不同的值。

First Select                           Second Select
-----------------                      -----------------                         
Option selected: [0] StackOverflow         Options Available:
Another option: [1] GitHub                   Ask a Question
                                             Answer a Question
-----------------     ---->            -----------------

或者如果选择了第二个值

First Select                           Second Select
-----------------                      -----------------                         
Option selected: [1] GitHub                Options Available:
Another option: [0] StackOverflow            Post a New Repository
                                             Fork a Repository
-----------------     ---->            -----------------

我还使用 PHP 和 MySQL 在选择中显示值(选项)。 在第一次选择中,我使用 MySQL 显示所有可能的选项,然后将其回显。

第二个选择列表需要之前选择的 ID,以便它可以选择它。示例 SQL 代码:“SELECT * FROM sections WHERE id = ?”。我是 PHP 和 AJAX 的新手,我也看到了这个 question,但它对我不起作用。很抱歉再次提出这个愚蠢的问题。

【问题讨论】:

    标签: php jquery mysql ajax


    【解决方案1】:

    最初,隐藏第二个选择框。将 onchange 函数添加到 jquery 中的第一个选择框。如下所示。

    如果第二个选择框是静态的。

    $('.firstselect').onchange(function() {
      var first_val = $(this).val();
    
      if ( first_val === 0 ) {
        $('stack_select').show();
        $('github_select').hide();
    
      } else if( first_val === 1 ) {
        $('stack_select').hide();
        $('github_select').show();
      }
    
    });
    

    如果第二个选择框是动态的。 发出ajax请求并使用jquery append方法动态加载内容。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-04-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-04-23
      相关资源
      最近更新 更多