Question

我在数据库中有一家公司列表，其中包含每个公司的以下数据：Company_name，Bank_name，Account_id，Currency

我有一个HTML5页面，用户可以从公司名称和帐户ID中选择两个输入，我正在使用数据列表以便将输入显示在下拉列表中，问题是我想一次返回列表，并且我想在输入之间创建依赖关系，这意味着如果从“公司名称”输入中选择一个公司，则该公司将仅显示与其相关的帐户。

我似乎无法将公司名称和帐户拆分为单独的输入，而且我无法在它们之间建立依赖关系

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);
        };
    }
}());

将列表列表返回到数据列表输入

0 个答案: