Фильтр ввода данных - PullRequest
Новая
       16

Фильтр ввода данных

1 голос
/ 28 мая 2019

У меня есть два входа в раскрывающемся списке, оба они взяты из datalist, я хочу, чтобы эта база данных была выбрана пользователем, чтобы отфильтровать другой вход, чтобы показать только релевантные результаты.

Я рендеринг данных из Python обратно на HTML-страницу

Данные содержат название компании и номер банковского счета,

Итак, я хочу, чтобы на основе компании, которую пользователь выбрал для показа только соответствующей учетной записи для выбранной компании 

<form id="the_form" method="POST">
    {% csrf_token %}
    From:
    <input name="start_date" class="datepicker" type="date" value={{start_date}}/>
        To:
    <input name="end_date"  class="datepicker" type="date" value={{end_date}}/>
    <input type="text" list='List_of_Companies' data-search-in="Company" id="Input1" name="Companyname"  placeholder="Choose a Company"  value="{{ Company}}"/>
    <input type="text" list='List_of_Accounts' data-search-in="Account" id="Input2" name="Accountname"  placeholder="Choose an Account ID" value="{{ Account_Id}}"/>

    <br>  <br> 

    <button name="action" type="submit" id="showccounts" value="show">Show</button>
    <button name="action" type="submit" value="download">Download</button>

    <datalist id="List_of_Companies">
        <select id="filenamelist" size="5"  class="select">
            {% for Company in  info_list %}
            <option value="{{ Company.3 }}">{{  Company.3 }}</option>
            {% endfor %}
        </select>
    </datalist>

    <datalist id="List_of_Accounts">
        <select id="filenamelist" size="5"  class="select">
            {% for Company in  info_list %}
            <option value="{{ Company.0 }}">{{  Company.3 }}</option>
            {% endfor %}
        </select>
    </datalist>
</form>


{% load staticfiles %}

<div id="loading" style="width:300px;height:300px;display:table-cell; vertical-align:middle; text-align:center">
    <img  src="{% static "app/images/Loading_icon.gif" %}" style="margin:auto">
</div>
<table id="theTable" hidden>
    <thead>
        <tr>
            {% for c in columns %}
            <th>{{ c }}</th>
            {% endfor %}
        </tr>
    </thead>
    <tbody>
        {% for r in rows %}
        <tr>
            {% for c in r %}
            <td>{{ c }}</td>
            {% endfor %}
        </tr>
        {% endfor %}
    </tbody>
</table>

{% endblock %}


{% block scripts %}
 <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css">
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
...