从另一个下拉列表中选择选项时动态加载下拉列表答案

【问题标题】：Dynamically load a drop down on selecting an option from another drop down从另一个下拉列表中选择选项时动态加载下拉列表
【发布时间】：2013-06-18 19:32:31
【问题描述】：

我正在开发一个基于 Django 1.4.5 框架的 Web 应用程序。我想根据在另一个下拉列表中选择的选项（选择 id="ida"）动态填充下拉列表中的选项（选择 id="packages"）。我一直在寻找答案，但没有任何东西指向正确的方向。这是我的代码：

我的模板 (html)：

function getPackages(elementId)
{
//This is what I want to write, but could not figure out.
}

Select IDA's: 
<select id="ida" name="ida" onchange="getPackages('ida');">
{% for ida in ida_list %}
<option value="ida{{ ida.id }}">{{ ida.ida_display_name }}</option>
{% endfor %}
</select>

Select packages to install: <select id="package" name="package"multiple="multiple" size="5">
{% for package in package_list %}
<option value="package {{ package.pkg_id }}">{{ package.display_name }}</option>
{% endfor %}
</select>

我的看法：

def automation(request):
    ida_list = IDA.objects.all()
    ida = IDA.objects.get(ida_name='VSA')   #this is what I want to do from javascript
    package_list = ida.package_set.all()
    context = {'ida_list' : ida_list, 'package_list' : package_list}
    return render_to_response('vsawebauto/automation.html', context, context_instance=RequestContext(request))

我的模特：

class IDA(models.Model):
    ida_name = models.CharField(max_length=100)
    ida_display_name = models.CharField(max_length=100)

    def __unicode__(self):
        return self.ida_name    

class Package(models.Model):
    pkg_ID = models.IntegerField(primary_key=True)
    pkg_name = models.CharField(max_length=50)
    display_name = models.CharField(max_length=100)
    username = models.CharField(max_length=50,default="NULL")
    password = models.CharField(max_length=50,default="NULL")    
    IDAs = models.ManyToManyField(IDA)

    def __unicode__(self):
        return self.display_name

简要说明： 根据 html 页面上的 IDA 选择，我希望包动态显示在下拉列表中。包可以属于多个 IDA，反之亦然（模型类中的多对多关系）。因此，我希望用户选择 IDA 后，javascript 应该获取与该 IDA 对应的对象（类似于：ida = IDA.objects.get(ida_name='VSA')），并且应该为此获取包IDA 并显示。

【问题讨论】：

您遇到了什么问题？ getPackages 的代码在哪里
我想不出办法。对不起，我应该在之前提到过。我可以使用 'ida.package_set.all()' 获取特定 IDA 的包（例如，如上图所示的 VSA）并在模板上显示 package_list。但我想在 javascript 中做同样的事情（显示与列表中选定的 IDA 对应的包）@Nix

标签： javascript django

【解决方案1】：

嗯，我有时间了。

在一些 urls.py 中

#...
url(r'^package_ajax/$', PackageForIdaView.as_view(), name="ida_change_all"),
url(r'^package_ajax/(?P<pk>[-_\w]+)/$', PackageForIdaView.as_view()),
#...

在某些视图中.py

class PackageForIdaView(ListView):
    template_name = "partial/package_options.html"
    model = Package
    context_object_name = "package_list"

    def get_queryset(self):
        query_set = super(PackageForIdaView, self).get_queryset()
        if 'pk' in self.kwargs:
            query_set = query_set.filter(IDAs=self.kwargs['pk'])
        return query_set

在一些javascript中：

$('#ida').change(function(event){
    var url = "{% url "ida_change_all" %}";
    var ida_id = this.value;
    if ida_id != undefined:
        url += ida_id
    $('#package').load(url);
})

在“package_options.html”模板中：

{% for package in package_list %}
    <option value="package {{ package.pkg_id }}">{{ package.display_name }}</option>
{% endfor %}

也许有些事情失败了，我不记得所有细节，但就是这样。

希望这会有所帮助！

【讨论】：