jquery - 从下拉菜单中获取选定元素的列表到 Django View

Question

我是 UI 设计新手。我的目标是从下拉菜单中选择多个元素并将所选元素发送到 django View 。 我编写了整个代码并能够使用 bootstrap+chosen 选择多个字段但是在提交之后我收到了这个错误:

“获取/static/app/css/chosen-sprite.png HTTP/1.1”304

在网上搜索后，我发现这个文件是必需的，因为 chosen 将选择的元素保存在这个文件中。我的 css 文件夹中有这个文件(从网上下载)，但不知道我做错了什么。

下面是我的代码，现在我正在同一个 html 页面中打印选定的元素。请帮助我:(

project_select.html

{% block body %}
    <p><br/></p>
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <h3>Select projects:</h3>
                <form id="selectProject" role="search" method="get" action="{% url 'displayselectedprojects' %}">
                    <select form="selectProject" data-placeholder="Choose projects" class="chosen-select" multiple tabindex="4" name="params[]">
                        {% for project in project_names %}
                            <option> {{ project.projectname }} </option>
                        {% endfor %}
                    </select>
                </form>
            </div>
            <div class="">
                <h3><br></h3>
                <input type="button" value="Submit" style="padding: 4px 28px;border-radius: 4px;">
            </div>
        </div>
    </div>

    <p>Here is selection:</p>

    <p>{{ title}} <br />
       {{ projectList }}</p>

    <script src="http://harvesthq.github.io/chosen/chosen.jquery.js"></script>
    <script>
        $('.chosen-select').chosen();
    </script>
{% endblock %}

网址.py

url(r'displayselectedprojects/', views.displayselectedprojects, name='displayselectedprojects'),

View .py

def displayselectedprojects(request):

    selected_packages = request.GET.getlist('params[]')
    print('selected packages: %s' % selected_packages)

    context = {
        'title': 'i reached here',
        'projectList': selected_packages,
    }

    return render(request, 'app/project_select.html', context)

Answer 1

我找到了该问题的解决方案，不确定它是实际解决方案还是解决方法，但我将文件“chosen-sprite.png”的所有引用替换为其 cdn:“https://cdnjs.cloudflare.com/ajax/libs/chosen/1.7.0/chosen-sprite.png” ' 并且它现在正在工作。