Возвращение списка списков во вход Datalist - PullRequest
Новая
       34

Возвращение списка списков во вход Datalist

0 голосов
/ 27 мая 2019

У меня есть список компаний в моей базе данных, который содержит для каждой компании следующие данные: Company_name, Bank_name, Account_id, Currency

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

Кажется, я не могу разделить названия компаний и учетные записи на отдельные входы, и я не смог создать зависимость между ними

Python: 

return render(request,'app/reporting.html', {'info_list':info_list,'start_date':start_date,'end_date':end_date,'columns':columns,'rows':Related_accounts})

HTML: 

<input  type="text" list='List_of_Companies' data-search-in="Company" id="nameofcompany" name="Companyname"  placeholder="Choose a Company"  value="{{ Company}}" >
<datalist id="List_of_Companies">
 <select id="filenamelist" size="5">
     {% for Company in  info_list %}
     <option value="{{ Company }}">{{ Company }}</option>
     {% endfor %}
     </select>
 </datalist>

JavaScript: 

  (function() {
    var inputs = document.getElementsByTagName('input');
    for( var i = 0; i < inputs.length; i++ ) {
        var input = inputs[i];
        input.onchange = function(evt) {
            var elem = evt ? evt.target : window.event.srcElement;
            alert('Company selected ' + elem.value);
        };
    }
}());
...