从[]字符串中自动选择select2

时间:2016-05-27 12:31:48

标签: html5 go

我的HTML代码段:

<div class="item form-group">
<label class="col-md-3 col-sm-3 col-xs-12" for="middlename">Payee Code </label>
 <div class="col-md-6 col-sm-6 col-xs-12">
<select id="payee" name="payee" class="select2_multiple form-control"multiple="multiple">
{{range $key,$val := .payee}}
<option>{{$val.Code}}</option>
{{end}}
</select>
</div>
</div>

这个select2选项是从我从后端golang程序发送的{{.payee}}值中填充的。

现在我想使用我从程序发送的{{.Code}}变量(这是一个[]字符串)自动选择这个select2。我想选择与{{{}中的值匹配的所有选项.CODE}}

请帮助在select2上实现自动填充。 提前谢谢。

2 个答案:

答案 0 :(得分:1)

我不确定我是否理解您想要实现的目标,但只要您使用选项值填充选择框,就可以将选定的选项添加到每个选项中,如果这是您的目标。

否则,您可以使用条件语句来检查哪些值满足某些条件,并且只有那些值才能添加自动选择的选项。

<select id="payee" name="payee" class="select2_multiple form-control"multiple="multiple">
{{range $key,$val := .payee}}
<option>{{$val.Code}}{{if .Code}}selected="selected"{{end}}</option>
{{end}}
</select>

答案 1 :(得分:0)

我自己得到了答案。这将有助于那些陷入同样问题的人。

First Mistake选项标签必须指定值

<option value={{$val.Code}}>{{$val.Code}}</option>

让我们考虑一个例子,所有选项的列表(来自$ val.Code)是141,152,173,184,188,200 其中141和173将从{{.Code}}}

中预先选择

脚本:

if( {{.Code}} != "")
{
$("#payee").val({{.Code}}).trigger("change");
}

这将选择与{{.Code}}匹配的选项。

感谢大家的帮助。