如何使用动态选项创建选择列表?
我有两个选择列表;我的第一个选择列表中有两个选项,每个选项在另一个选择列表中都有不同的选项列表。
如果我选择第一个选择选项,第二个列表应该具有不同的值。
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/