我想选择选项 1 并加载带有输入的表单
HTML:
<select id="orden" class="form-control" name="orden">
<option disabled selected>Selecciona una opció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>
答案 0 :(得分:0)
您可以在客户端(使用 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 请求类型。
对不起格式。代码示例似乎不起作用。