JQuery 在表单加载时选择 2 个标签
JQuery Select2 Tags On Form Load
我正在使用 jquery 和多 select2 标记工具编写 WebForm。用户 select 多个机构从下拉菜单中保存,数据作为单个字符串存储到后端 SQL 数据库,格式为以下竖线分隔格式:[AGENCY1|AGENCY2|AGENCY3].
<input id="ddlAgency" type="hidden" class="form-control" value="" name="select2tag"/>
加载表单时,我能够解析标签,但如何让它们在 select2 多表单控件(即:AGENECY1、 AGENECY2、AGENECY3 显示为 selected 标签,而其余选项 select 可以在下拉列表中)?
var agencySplit = row.INC_AGENCY.split("|");
for (var i = 0; i < agencySplit.length; i++) {
$('#ddlAgency').val(agencySplit[i]); //This Doesn't Work Like I Want It To
}
如有任何帮助,我们将不胜感激。
您需要将拆分中的项目作为 option
附加到 select
元素。
<select id="ddlAgency" style="width:300px" type="hidden" class="form-control" name="select2tag"/>
$('select').select2();
var agency = "AGENCY1|AGENCY2|AGENCY3";
var agencySplit = agency.split("|");
for (var i = 0; i < agencySplit.length; i++) {
$('#ddlAgency').append("<option>" + agencySplit[i] + "</option>");
}
如果做多select:
$('select').select2({multiple: true});
http://jsfiddle.net/c1ozynyu/1/
已更新:(基于对列表中前 select 项的评论)
<select id="ddlAgency" style="width:300px" type="hidden" class="form-control" name="select2tag">
<option val="AGENCY1">AGENCY1</option>
<option val="AGENCY2">AGENCY2</option>
<option val="AGENCY3">AGENCY3</option>
<option val="AGENCY4">AGENCY4</option>
<option val="AGENCY5">AGENCY5</option>
</select>
var array = new Array();
var agency = "AGENCY1|AGENCY2|AGENCY3";
var agencySplit = agency.split("|");
for (var i = 0; i < agencySplit.length; i++) {
array.push(agencySplit[i]);
}
$('select').select2({multiple: true}).select2('val', array);
我正在使用 jquery 和多 select2 标记工具编写 WebForm。用户 select 多个机构从下拉菜单中保存,数据作为单个字符串存储到后端 SQL 数据库,格式为以下竖线分隔格式:[AGENCY1|AGENCY2|AGENCY3].
<input id="ddlAgency" type="hidden" class="form-control" value="" name="select2tag"/>
加载表单时,我能够解析标签,但如何让它们在 select2 多表单控件(即:AGENECY1、 AGENECY2、AGENECY3 显示为 selected 标签,而其余选项 select 可以在下拉列表中)?
var agencySplit = row.INC_AGENCY.split("|");
for (var i = 0; i < agencySplit.length; i++) {
$('#ddlAgency').val(agencySplit[i]); //This Doesn't Work Like I Want It To
}
如有任何帮助,我们将不胜感激。
您需要将拆分中的项目作为 option
附加到 select
元素。
<select id="ddlAgency" style="width:300px" type="hidden" class="form-control" name="select2tag"/>
$('select').select2();
var agency = "AGENCY1|AGENCY2|AGENCY3";
var agencySplit = agency.split("|");
for (var i = 0; i < agencySplit.length; i++) {
$('#ddlAgency').append("<option>" + agencySplit[i] + "</option>");
}
如果做多select:
$('select').select2({multiple: true});
http://jsfiddle.net/c1ozynyu/1/
已更新:(基于对列表中前 select 项的评论)
<select id="ddlAgency" style="width:300px" type="hidden" class="form-control" name="select2tag">
<option val="AGENCY1">AGENCY1</option>
<option val="AGENCY2">AGENCY2</option>
<option val="AGENCY3">AGENCY3</option>
<option val="AGENCY4">AGENCY4</option>
<option val="AGENCY5">AGENCY5</option>
</select>
var array = new Array();
var agency = "AGENCY1|AGENCY2|AGENCY3";
var agencySplit = agency.split("|");
for (var i = 0; i < agencySplit.length; i++) {
array.push(agencySplit[i]);
}
$('select').select2({multiple: true}).select2('val', array);