在我的revel项目中,我有一个需要在单击提交按钮后 Select 的 Select 选项.

如果我这样做,它是有效的,因为.OptionType是一个字符串,所以我需要将它与字符串进行比较

<select class="chosen form-control" id="selectType">
    <option disabled value='' style="display:none"> --------- </option>
    <option  {{ if eq .OptionType "1" }}selected{{end}} value="1">Option A</option>
    <option {{ if eq .OptionType "2" }}selected{{end}} value="2">Option B</option>
    <option  {{ if eq .OptionType "3" }}selected{{end}} value="3">Option C</option>
</select>

但是如果我try 比较变量,比如.ID,它会抛出一个错误

<select class="chosen form-control" id="selectValue">
    <option {{ if eq .SelectedValue "all" }} selected {{end}} value='all'>
        All Value
    </option>
    {{range .Circles}}
        <option {{ if eq .SelectedValue .ID }} selected {{end}} value='{{.ID}}'>
            {{.Name}}
        </option>
    {{end}}
</select>

有没有办法将.ID转换成与if语句相同的行?

错误消息:

executing "BackendReport/Finance.html" at <.SelectedValue>: can't evaluate field SelectedValue in type models.Value

推荐答案

template.go

revel.TemplateFuncs["toString"] = func(val interface{}) string {
    return fmt.Sprint(val)
}

.html

{{$current_value := .SelectedValue -}}
    {{range .Circles}}
        <option  {{ if eq $current_value (toString .ID)  }}selected{{end}} value='{{.ID}}'>
            {{.Name}}
        </option>
    {{end}}

这在我身上很管用.希望能对你有所帮助.

Html相关问答推荐

如何通过扭曲元素来倾斜元素?

如何最大限度地减少Cookie同意代码对性能的影响?

react :事件和转发器在特定代码段中不起作用

让多对图像在各自的div中叠加

天使17:令人惊叹的动画

我无法从带Angular 的Bootstrap 5中的表单中获取数据

OnChange函数未在下拉列表中使用一个选项触发

如何在网格中拥有离散的行

希望平稳过渡到悬停状态

如何使背景图像在面包屑中相互重叠

如何使 CSS 网格项目像 Flexbox 项目一样匹配父级的高度

四开将一个 qmd 文档中的单词链接到另一个 qmd 文档中的单词

使用修饰键微调 HTML 输入范围中的值

当作为常规图片输入时,Cloudfront分布式图像可显示,但作为背景图像不显示

如何垂直对齐列表中的图像和文本?

获取 div 中每个元素的 href 并使用它

水平对齐两列中的两个按钮 同一级别

Primeng浮动标签溢出管理

标题之间和之后的 Hr 线

如何阻止网格项目拉伸?