就像大多数的美国人一样,我是个地理盲,有一次我花了一个小时才找到我所住宾馆里的快餐厅。更糟糕的是,不到24小时之前我还在同一个快餐厅里吃过饭。也许这就是为什么我在碰到需要选择城市和州的页面时碰到问题的真正原因了。我常常发现自己进行了错误的选择,比如把Metuchen城当成了宾夕法尼亚州的一个城市。
所以我创建了一个测试页面,并把可能会在这里走丢的事实考虑进来了。可用的选项根据客户的输入进行了一些限制。例如,如果你选择Metuchen这个城市,那么新泽西就会被自动地选中为(对应的)州。而且如果客户首先选择了州,那么只有该州里的城市才会被显示出来。
这一功能是通过选项数组和Option()构造函数用JavaScript来实现的。选项数组被用来访问HTML select的不同选项,并能够通过把长度属性设置为0来删除select的所有的选项。选项构造函数有四个参数:文本(text)、值(value)、缺省选中(default selected)和选中(selected)。
这就是解决我问题的要做的一切。列表A显示的是解决我烦恼的完整解决方案。