国家/地区的Select2下拉列表，带有标记
[英]Select2 drop-down for countries, with flags
4 个解决方案
解决方案1
11 2015-10-14 10:38:04
我正在研究类似的问题，这就是我如何解决它。
(function($) {
$(function() {
var isoCountries = [
{ id: 'AF', text: 'Afghanistan'},
...
];
//Assuming you have a select element with name country
// e.g. <select name="name"></select>
$("[name='country']").select2({
placeholder: "Select a country",
data: isoCountries
});
});
})(jQuery);
我也有一个关于它的要点 ，以下是演示。
解决方案2
5 2015-10-08 11:55:50
我这样做的方式：
<div class="form-group">
<label class="control-label">Destination</label>
<input type="text" name="cdCountry" class="form-control" required />
</div>
<script>
$("[name='cdCountry']").select2({
placeholder: "Select a country",
formatResult: function (country) {
return $(
"<span><i class=\"flag flag-" + country.id.toLowerCase() + "\"></i> " + country.text + "</span>"
);;
},
data: yourDataSource
});
</script>
并使用css库（css和sprite） https://www.flag-sprites.com/
解决方案3
2 2013-08-07 09:25:05
解决方案4
1 2013-08-07 09:26:39
<head>
<link href="select2.css" rel="stylesheet"/>
<script src="select2.js"></script>
<script>
$(document).ready(function() { $("#e1").select2(); });
</script>
</head>
<body>
<select id="e1">
<option value="1">Albania<img src="Albania.jpg"></option>
...
<option value="2">Germany<img src="Germany.jpg"></option>
</select>
</body>
如何通过jQuery设置select2的单选下拉菜单的默认值
[英]How to set default value for single select drop-down of select2 through jquery
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.