Question

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

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

如果我选择第一个选择选项，则第二个列表应具有不同的值。

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在select中显示值（选项）。在第一个选择中，我用来显示MySQL的所有可能选项，然后将其回显。

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

Answer 1

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

如果第二个选择框有静态。

$('.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方法动态加载内容。

在PHP中选择动态选项

1 个答案: