填充链式选择菜单

Question

我正在制作一个链式选择菜单，您可以在此处查看 - http://jsfiddle.net/stocktrader/EhUKJ/。我对它进行了编码，以便“国家/地区”选项通过show / hide更改“state / zip / city”选项。所有这一切都运作良好。

但我的问题是这个表格也用于为每个人更新这些信息。当我用当前数据填充表单时，我无法根据国家/地区设置获取正确的显示/隐藏设置。您可以在当前小提琴中看到一个示例，其中我预先选择了“美国”，但“城市/州/邮编”选项没有出现。如果您点击其他国家/地区然后重新开启，则会出现DO。

我尝试编写一些JavaScript，通过检索“country”值来更改填充的show / hide设置，但我根本不知道JavaScript。我尝试了下面的代码，这是一个小提琴，但我怀疑它是否接近。

var s = document.getElementById('country');
var item1 = s.options[s.selectedIndex].value;
function cty()
{
    if (item1 == 'group1')
    unhide('.group1_opts');
}

Answer 1

将函数绑定到jQuery中的任何事件处理程序时 - 只是在没有参数的情况下再次调用处理程序将触发它的执行。

EG。 $('select').change();将运行您应用的“更改组”功能 - 在这种情况下，将处理任何“预先选择”的选项。

updated your fiddle