如何动态启用/创建元素

Question

我使用 PHP、jQuery 和 Spry 的组合来提供一系列列表框，用户将首先选择车辆类型，然后是品牌，然后是型号，最后是特定型号。

我的所有列表框 (SELECT) 都工作正常，并且它们使用 Spry 元素正确更新。每个列表框都由不同的 Spry XML 数据集填充，这是我的问题。

如果我向用户呈现所有四个列表框，则脚本必须获取所有四批 XML 来填充所有四个列表框，这需要几秒钟的时间。我想要做的是按顺序创建/启用列表框，因此当用户从第一个列表框中选择时，会创建/启用第二个列表框，当他们从第二个列表框中选择时，会创建/启用第三个列表框...等等在。

设置禁用属性并不好，因为脚本在处理之前已经获取了 XML。

有什么想法吗？

Si

更新——对不起，大家，我认为我没有把问题说清楚。

在脚本的顶部，我声明了四个 Spry XML 数据集变量，每个变量都会关闭（需要时）并对服务执行复杂的 SOAP 查询，然后该服务返回一块 XML。每个查询都依赖于上一个查询，因此一旦用户选择了车辆类型，第二个数据集就会刷新以提供准确的制造商列表。当他们选择制造商时，第三个列表将刷新以提供该制造商的准确型号列表。当他们选择模型时，该模型的模型衍生列表将刷新（第四个列表）。

在我的脚本的更下方，我有四个 SELECT，每个都填充了来自 spry 查询的数据。现在，用户必须依次从每个列表中选择所需的选项，以便在最终框中获得正确的模型。我想要做的只是在生成页面时填充第一个框，然后当用户在每个框中选择所需的值时填充（或创建？）第二个、第三个和第四个框，就像 Autotrader 网站中发生的情况（ www.autotrader.co.uk）。

正如我在最初的帖子中所说，我不能使用“禁用”属性，甚至不能使用 jQuery show() 和 hide() 函数，因为这些函数只有在获取所有四个数据集并将其填充到 SELECT 中之后才会触发。我需要一些理想的东西，可以在需要时从头开始创建元素，以阻止在开始时获取四批 XML...

希望这能澄清

Answer 1

$('option').click( function() {
    if($(this).val() != 'Select one...'){
        $(this).next('select').attr('enabled', 'enabled');
        $(this).next('select ~ select').attr('disabled', 'disabled');

        /* or */
        $(this).after('<!-- Generated select/option HTML -->').nextAll('select').remove();
    }
}

这完全未经测试，但根据 API，可能有效。我不确定我是否完全理解您的问题，但如果您希望在选择后启用下一个选项并禁用之后的选项，直到单击下一个选项，那么如果它有效，这将是您的票证。

如果需要动态添加（或删除）它们，您只需使用 .after 和 .nextAll 方法来添加并精确定位要删除的选择框。

更新：哎哟。选择器错误。

Answer 2

与其禁用它们，为什么不直接使用 jQuery 隐藏/显示呢？ .hide() .show(),

Answer 3

我不确定我知道你在问什么，但你似乎在寻找类似的东西：

$("#select1").bind("change",function() {
    var sel=$(this).attr("value");
    $.ajax({
        url:sel + ".xml",
        dataType:"xml",
        success:function(xml) {
            $(xml).children("option").each(function() {
                $("<option />",attr:{ value:$(this).attr("value") }).text($(this).text()).appendTo("#select2");
            });
        }
    });
});

我在这里离基地太远了吗？我的意思是，这只是一种基本的方法（可能有十亿个漏洞），但您希望实时更新，对吗？您不希望它在页面加载时获取所有 XML，对吧？您还可以将 $("#select1") 更改为 $("#formname select").each(function() { ，然后让它选择 .next("select") 在获取 XML 后将其附加到

我承认，我从未真正使用过 Spry，我见过它的使用情况，看起来我可以做些什么。我需要使用 jQuery。