Django框架:使用引导双重列表框

时间:2019-02-24 05:51:05

标签: django bootstrap-4

我正在尝试使用Django框架和Bootstrap创建以下UI。 enter image description here

<form id="form" action="" class="wizard-big">
                                                {% csrf_token %}
                                                <select class="form-control dual_select" multiple>
                                                        <option value="United States">United States</option>
                                                        <option value="United Kingdom">United Kingdom</option>
                                                        <option value="Australia">Australia</option>
                                                        <option selected value="Austria">Austria</option>
                                                        <option selected value="Bahamas">Bahamas</option>
                                                        <option value="Barbados">Barbados</option>
                                                        <option value="Belgium">Belgium</option>
                                                        <option value="Bermuda">Bermuda</option>
                                                        <option value="Brazil">Brazil</option>
                                                        <option value="Bulgaria">Bulgaria</option>
                                                        <option value="Cameroon">Cameroon</option>
                                                        <option value="Canada">Canada</option>
                                                    </select>
                                                <div>
                                                <input class="btn btn-success widget-btn-1 btn-sm" type="submit" name="do-something" value="Do Something" />
                                                </div>
                                            </form>

<script src="{% static 'po/assets/js/duallistbox/jquery.bootstrap-duallistbox.js' %}"></script>
<script src="{% static 'po/assets/js/duallistbox/duallistbox.active.js' %}"></script>

使用上面的html代码,并将所需的.js添加到html中之后,我便能够创建所需的UI。我想在单击“做某事”按钮时将选定的值(例如上图所示的奥地利和巴哈马)传递给views.py中的函数。你能告诉我怎么做吗?

0 个答案:

没有答案