Question

我想选择选项 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>

Answer 1

您可以在客户端（使用 jq、javascript）或服务器端处理它。我绝对建议在服务器端处理它 - 因为业务逻辑应该在那里。尽管在这种情况下 - 据我所知 - 触发器将在加载表单并选择选择选项后出现。

我会使用 ajax 解决方案。

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

onchange="ChooseOption(this.value)"
添加javascript来处理ajax请求（我使用jquery）：

function ChooseOption(option_id){ $.ajax({ 类型：“POST”， url: "/applicatioin/option_selection/", 数据： { 'option_id' : option_id, 'csrfmiddlewaretoken'： $("input[name=csrfmiddlewaretoken]").val() }, 成功：选择选项详细信息成功，数据类型：'html' }); }

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

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

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

如何选择和加载表单？

1 个答案: