Php 基于上一选择的下拉选择
我有个小问题。我在几个城市举办一个活动,不同的日期和时间。我正在jQuery/PHP/HTML中创建一个注册表单。我希望选项基于上一个选择显示 我有三个城市 城市1城市2城市3 城市一号正在运行 7月22日和7月25日 7月22日有两次会议 下午2点和5点 我怎样才能从这样的表格开始呢?请给我举个例子Php 基于上一选择的下拉选择,php,jquery,html,Php,Jquery,Html,我有个小问题。我在几个城市举办一个活动,不同的日期和时间。我正在jQuery/PHP/HTML中创建一个注册表单。我希望选项基于上一个选择显示 我有三个城市 城市1城市2城市3 城市一号正在运行 7月22日和7月25日 7月22日有两次会议 下午2点和5点 我怎样才能从这样的表格开始呢?请给我举个例子 谢谢大家,我不会帮你的,但我可以给你一些提示。首先,您的select需要一个onchange函数,它们都需要唯一的id。e、 g <select onchange='update' id='
谢谢大家,我不会帮你的,但我可以给你一些提示。首先,您的select需要一个onchange函数,它们都需要唯一的id。e、 g
<select onchange='update' id='box1'>
当然,您需要数据数组,但是您可以自己解决其余的问题。有帮助吗?演示:
var id = this.options[this.selectedIndex].value;
var b2 = document.getElementById('box2');
while(b2.options.length > 0)b2.remove(0);//remove all options currently present
for(var i in boxoptions[id])b2.options[b2.options.length]=new Option(boxoptions[id]['name'], boxoptions[id]['value']);//add new options
// data
var data = {
"New York": ["July 20", "July 21"],
"Miami": ["July 22", "July 23"],
"San Francisco": ["July 24", "July 25"],
}
// populate menu1
for (var i in data) {
$('#menu1').append('<option>' + i + '</option>');
}
// populate menu2 based on menu1's value
$('#menu1').change(function() {
var key = $(this).val();
$('#menu2').empty();
for (var i in data[key]) {
$('#menu2').append('<option>' + data[key][i] + '</option>');
}
}).trigger('change');