基于下拉选择填充表

Question

嗨，我试图创建一个表，将根据所选名称显示值。例如，如果存在一个下拉列表，并且选择了一个值，则其余字段将显示与所选值关联的数据。

<div class="main-items">
<h2>Database</h2>
<div class="card-items">
<table class="main-items-table">
<tr>
<td class="menu-box-tab-items-identifiers">Name:</td>
{% for d in database %}
<td class="menu-box-tab-items" href="/cusip/{{d.company_name}}"><span>{{d.name}}</span></td>
{% endfor %}
</tr>

<tr>
<td class="menu-box-tab-items-identifiers">Item:</td>
{% for d in database %}
<td class="menu-box-tab-items"><span>{{d.item}}</span></td>
{% endfor %}
</tr>
<tr>
<td class="menu-box-tab-items-identifiers">Method of Shipment:</td>
{% for d in database %}
<td class="menu-box-tab-items" href="#6"><span>{{d.method_of_shipment}}</span></td>
{% endfor %}
</tr>
<tr>
<td class="menu-box-tab-items-identifiers">Days:</td>
{% for d in database %}
<td class="menu-box-tab-items" href="#6"><span>{{d.days}}</span></td>
{% endfor %}
</tr>

<tr>
<td class="menu-box-tab-items-identifiers">Location:</td>
{% for d in database %}
<td class="menu-box-tab-items"><a href="https://www.google.com/search?q={{d.location}}"></span>{{d.location}}</a></td>
{% endfor %}
</tr>
<tr>
<td class="menu-box-tab-items-identifiers">Country:</td>
{% for d in database %}
<td class="menu-box-tab-items" href="#6"><span>{{d.country}}</span></td>
{% endfor %}
</tr>

</tbody>
</table>
</div>
</div>

基本上，如果所有的"名称"都有一个下拉菜单，我希望所有其他的菜单都显示与该名称相关的数据。如果有人能帮忙，我将不胜感激。

Answer 1

您的选择是:

1. 要求用户在第一个选项被选中后提交表单，然后用其他字段中的相关选项刷新模板。您可能需要在forms.py文件中使用一些代码，这些代码可以接受提供的选项并相应地过滤其他查询集。

2. 使用javascript和AJAX请求动态更新其他字段选项，一旦第一个字段被选中，这里是一些有用的信息:

Django Ajax Jquery Call