我有select2 example看起来像这样:
<select
multiple="true"
placeholder='Select something'
allowClear: false
data-bind="
options: states,
optionsValue: 'id',
optionsText: 'text',
selectedOptions: selectMultipleStates,
select2: {}"
style="width: 500px"
</select>
我想要两个占位符:
- 根本没有选择时显示的常规选项(选择某项)
- 如果至少选择一个元素，则会显示另一个(选择更多) 已经
最佳答案
我能想到的唯一方法是在 html 中添加两个 select 标记，并在页面加载时隐藏第二个标记，然后在第一个标记上添加 onchange 属性并运行一个将显示的函数第二个选择标签的第一个选择是选择更多。它会给你这样的东西:
<!doctype HTML>
<HTML>
<HEAD>
<SCRIPT>
window.onload=function(){
document.getElementById('mysecondselecttag').style.display = "none";
};
function ShowOtherTag()
{
document.getElementById('mysecondselecttag').style.display = "block";
}
</SCRIPT>
</HEAD>
<BODY>
<select id="myfirstselectag" onchange="ShowOtherTag()">
<option value="0">Select something</option>
<option value="1">Choice 1</option>
<option value="2">Choice 2</option>
<option value="3">Choice 3</option>
</select>
<select id="mysecondselecttag">
<option value="0">Select more</option>
<option value="1">Choice 1</option>
<option value="2">Choice 2</option>
<option value="3">Choice 3</option>
</select>
</BODY>
</HTML>
关于javascript - Select2(多项选择) - 如果已选择至少一个元素，如何显示替代占位符？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19458160/