Jquery 选择 2 未显示所选值
Jquery Select 2 not showing selected value
Select2插件未显示带有模板格式选项的选定选项有人知道如何解决它吗?
标记:
<select id="plans" style="width: 75%">
<option value="1" name="text1" price="$1" saving="text" selected="selected"></option>
<option value="2" name="text2" price="$2" saving="text" selected="selected"></option>
.js:
$(document).ready(function() {
$('select#plans').select2({
minimumResultsForSearch: Infinity,
templateResult: formatState
});
});
function formatState(state) {
if (!state.id) return state.text;
var html = '<span class="name">' + state.element.attributes.name.value + "</span>"
html += '<span class="price">' + state.element.attributes.price.value + </span>"
html += '<span class="saving">' + state.element.attributes.saving.value + "</span>"
var $state = $(html);
return $state
}
这是上述代码的小提琴
谢谢
我想通了。 进行了以下更改,它开始工作。 我添加了模板选择。
$(document).ready(function(){
$('select#plans').select2(
{minimumResultsForSearch: Infinity,
templateResult: formatState,
templateSelection:formatState
});
});
解决此问题的一个非常简单的方法是:
// Step1: Here assuming id of your selectbox is my_id, so this will add selected attribute to 1st option
$('#my_id option').eq(0).prop('selected',true);
// Step2: Now reinitialize your select box
// This will work, if you haven't initialized
selectbox $('#my_id').select2();
or
//This will work, if you have initialized selectbox earlier, so destroy it
first and initialise it
$('#my_id').select2('destroy').select2();
相关文章:
- 使用较少代码隐藏和显示选择菜单内容的更好方法是什么?javascript
- 首先显示选择最多的项目
- 根据以前的选择显示选择选项
- 在屏幕上显示选择选项图像
- 如何在Jquery中显示选择选项之前更新这些选项
- 在外部触发器上显示选择框选项
- 如何显示隐藏和显示选择框
- 使用javascript显示选择列表中的值
- 用js突出显示选择菜单
- Javascript 代码显示选择值
- Jquery/JS:通过样式显示显示选择框(无,块)
- KnockoutJS不显示选择
- JS/AJAX:隐藏/显示选择框
- 并排显示选择框中的两个选项
- 如果选中复选框,则显示选择字段
- 如何在D3部队布局中突出显示/选择邻居的邻居
- 显示选择下拉列表中的结果,然后克隆并添加另一个选择
- 显示选择选项文本日期
- 如何更改相同的 ng 重复值并仅显示选择值 angularjs
- CognosReportStudio:在报告中显示选择和搜索提示中的搜索词和选项