php - 在 PHP 中使用动态选项进行选择

标签 php jquery mysql ajax

如何使用动态选项创建选择列表?

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

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

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 * FROMsections WHERE id = ?”。我是 PHP 和 AJAX 的新手,我也看到了这个 question但这对我不起作用。抱歉再次问这个愚蠢的问题。

最佳答案

最初,隐藏第二个选择框。将 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 方法动态加载内容。

关于php - 在 PHP 中使用动态选项进行选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45114320/

相关文章:

php - 如何将每个嵌套的json放入sql中

PHP 数组 : Extract from CSV

php - Mysql 服务器在特定定位查询时超时

jquery - 将项目添加到jquery中的列表

mysql查询中的php

php - 按首字母排序sql查询

php - 手动锁定单个表行

javascript - 如何设置多个动态div的scrollTop()

jquery - mmenu.js 自定义宽度设置

JavaScript 和 JQuery : promises executing in unexpected order