Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/258.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 基于上一选择的下拉选择_Php_Jquery_Html - Fatal编程技术网

Php 基于上一选择的下拉选择

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='

我有个小问题。我在几个城市举办一个活动,不同的日期和时间。我正在jQuery/PHP/HTML中创建一个注册表单。我希望选项基于上一个选择显示

我有三个城市 城市1城市2城市3

城市一号正在运行 7月22日和7月25日

7月22日有两次会议 下午2点和5点

我怎样才能从这样的表格开始呢?请给我举个例子


谢谢大家,我不会帮你的,但我可以给你一些提示。首先,您的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');