我已经创建了表,并在该表中进行行内编辑.

like mentioned in the image. enter image description here

因此,在FuelZone列中,我必须显示下拉列表,在单击编辑之前,所选值将显示在表中.

You can see in below image in the table on third row In FuelZone and FuelType column the data is showing Spain_FZ and Diesel. enter image description here

但当我点击编辑选项时,它在下拉选项中显示不同的值.我想设置所选的选项.

代码:

<td>
     <span class="editSpan fuel_zone">{{f.fuel_zone}}</span>
     <select class="form-control editInput fuel_zone" id="FuelZoneSelect" name="fuel_zone" style="display: none;">
     {% for c  in FuelZone %}
       <option value="{{c}}" {% if f.fuel_zone == c %}selected="selected"{% endif %}>{{c}}</option>
     {% endfor %}
       <option value="1" data-bs-toggle="modal" data-bs-target="#valueModal" data-id="1">Add New Zone</option>
       </select>
                          
      <small class="text-danger" id="err-fuel_zone"></small>
     </td>

当我点击EDI时,如何设置所选选项?

推荐答案

我正在传递Queryset,所以它没有被选中.

从视图到Django模板的forloop中的传递列表.传递LIST后,该值被选中.

Views.py-

 fuel_zone = FuelZone.objects.filter(opco__in=opco_obj,status=True).all().values('fuel_zone')
    context["FuelZone"] = list(fuel_zone)

HTML码-

 <select class="form-control editInput fuel_zone" id="FuelZoneSelect" name="fuel_zone" style="display: none;">
 {% for c  in FuelType %}
 <option {% if c.fuel_type == f.fuel_type %} selected="selected" {% endif %} value="{{c.fuel_type}}">{{c.fuel_type}}</option> 
 {% endfor %}
 </select>

Html相关问答推荐

有没有可能设置div的边框宽度相对于其父宽度和高度?'

子元素以元素X开始和结束的元素的XPath?

在 bootstrap 中的弹性项之间添加连接行

需要帮助实现悬停动画效果

选中/取消选中带有_hyperscript的多个复选框

水平卷轴的内容保持堆叠

在css中,如何在英雄版块的标题后面做一个粘性的导航栏?

Flexbox在元素之间造成了太大的差距

如何从多个TO中获取一个范围标记以溢出其父标记

如何使VS代码支持以模仿嵌套的方式对已经包含注释的HTML进行注释?

为什么盒子不在div中显示?

在HTML使用link标签导入外部CSS时出现元素link不允许使用尾斜杠错误

Bootstrap 轮播内容在箭头之间不显示

SVG 填充 colored颜色 不使用轮廓填充空白区域

Sass 混合动画未正确应用

XPATH Select h2标签和

标签之间或h2标签和 标签之间的td元素,以立即为准

如何根据行中的其中一列将行居中?

在 jinja 模板内的 html 表中嵌套 For 循环

变换元素以适应高度(Angular,SCSS)

Bootstrap Grid System col 无法正常工作