时间戳

首页 > 解决方案 > 如何选择和加载表格？

django - 如何选择和加载表格？

问题描述

我想选择选项 1 并加载带有输入的表单

HTML：

 <select id="orden" class="form-control" name="orden">
                <option disabled selected>Selecciona una opci&oacute;n</option>
                <option value="1">{{ results.1.op_ser_codigo }}{{ results.1.op_num_codigo }} / ({{ results.1.data_ini }} - {{ results.1.data_fim }})</option>
                <option value="2">{{ results.2.op_ser_codigo }}{{ results.2.op_num_codigo }} / ({{ results.2.data_ini }} - {{ results.2.data_fim }})</option>
                <option value="3">{{ results.3.op_ser_codigo }}{{ results.3.op_num_codigo }} / ({{ results.3.data_ini }} - {{ results.3.data_fim }})</option>
                 <option value="4">{{ results.4.op_ser_codigo }}{{ results.4.op_num_codigo }} / ({{ results.4.data_ini }} - {{ results.4.data_fim }})</option>
                 <option value="5">{{ results.5.op_ser_codigo }}{{ results.5.op_num_codigo }} / ({{ results.5.data_ini }} - {{ results.5.data_fim }})</option>
                 <option value="6">{{ results.6.op_ser_codigo }}{{ results.6.op_num_codigo }} / ({{ results.6.data_ini }} - {{ results.6.data_fim }})</option>
             </select>

我想填写这个：（如果在选择选项上我在此输入上选择 1 填充值 1）

 <b><p class="black">OP: </b>{{ results.1.op_ser_codigo }}{{results.1.op_num_codigo}} </p>
            <b><p class="black">Fecha Inicio: </b>{{ results.1.data_ini }} </p>
            <b><p class="black">Fecha Final: </b> {{ results.1.data_fim }} </p>

标签： django

解决方案

您可以在客户端（使用 jq、javascript）或服务器端处理它。我绝对建议在服务器端处理它 - 因为业务逻辑应该在那里。虽然在这种情况下 - 据我了解 - 触发器将在表单加载后并且一旦选择选项被选中。

我会使用 ajax 解决方案。

  1. 将 onchange 事件放置到选择中：例如：

    onchange="ChooseOption(this.value)"

  2. 添加 javascript 来处理 ajax 请求（我使用 jquery）：

    function ChooseOption(option_id){ $.ajax({ type: "POST", url: "/applicioin/option_selection/", data: { 'option_id' : option_id, 'csrfmiddlewaretoken' : $("input[name=csrfmiddlewaretoken]" ).val() }，成功：chooseoptionDetailSuccess，dataType：'html' }); }

在成功时调用chooseoptionDetailSuccess 函数。哪个应该将数据传递给相关的 html 字段 - 使用 innerHtml。注意：您也可以使用 GET 请求类型。

  1. 在您的 django 视图中，您必须呈现一个 html 模板，该模板包含将更改的 html 部分（带有变量）。

对不起格式。似乎代码示例不起作用。

推荐阅读