繁体   English   中英

select2应该具有占位符并允许取消选择

select2 should have placeholder and allow deselection

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我正在使用下面的select2,它是使用PHP动态构建的,并用作过滤器。 我需要允许用户取消选择他们的选择。

$this->data['years'] = range(1, 5);

<select class="select2" id="dpyr" name="dpyr">
    <option></option>
     <?php foreach ($years as $year) : ?>
           <option value="<?=$year; ?>"><?=$year?></option>
     <?php endforeach; ?>
</select>

我正在尝试使用jquery添加占位符,但这是行不通的。 我没有主意,并且尝试过多次修改。

<script>
$(document).ready(function() {
    $("#dpyr").select2({
            placeholder: "Select a year",
            allowClear: true
        });
    });
    $( "#dpyr" ).val('').trigger('change');
}
</script>
问题暂未有回复.您可以查看右边的相关问题.
1 Select2占位符

在https://select2.github.io/examples.html中,它教导了如何在jQuery的插件Select2上设置占位符。 我不仅要在字段中而且要在搜索框中使用占位符。 我在官方网站上提供了带有示例的图像,以及如何使用它。 这可以直接使用,还是我必须修改插件? ...

2 Select2占位符问题

我有一个 Select2 Multiselect html 元素。 渲染占位符时未显示,但如果我选择并删除该项目,则显示占位符。 我不知道如何使它工作。 请指教。 最初 虽然选择 取出物品后 代码: ...

4 如何使用两个select2具有不同的占位符

在http://jsfiddle.net/7J8Ag/31/上进行测试。 与: 我正确地使用了两个不同的“占位符”,但是#select0中的列表与#select1相同。 所以不行。 实际上,我不知道在两个不同的select2中有两个不同的“占位符”。 ...

5 select2 带有图标的占位符选择多个

我有一个带有图标(字体真棒)的占位符的代码,可以正常工作: 但是当在 at 添加属性“multiple”时,我只将占位符图标(&amp;#xf45f)视为文本字段。 我怎么解决这个问题? 谢谢 ...

6 多个选择上的非转义 select2 占位符

我想我了解占位符如何在select2库中工作。 有件事已经困扰我一段时间了,如何在多个选择中使用非转义占位符。 原因是我喜欢在占位符处放置一个图标。 escapeMarkup在select2选项对象中使用附加选项标记和属性escapeMarkup 。 $('mySelector').sele ...

7 Select2取消选择任何选项

我正在使用select2,但是我无法重新选择选定的项目,因此我正在做的是在选择任何项目时清除select2下拉菜单,它们的解决方案是否更好? ...

8 用“ select2”取消选择标签

嗨,我是新来的Java脚本。 我尝试将所有选中的标签保存在数组中,其工作正常,但是当我在标签上按'x'然后要从该数组中删除时,该怎么办? 我的html代码: 有关Select-2的更多说明: https://select2.github.io/ 当您从选择列表中 ...

9 select2将值设置为selected或占位符

我正在使用select2,以创建带有选项1-6的下拉菜单 关键是,我有一个API来处理正在选择和提交的内容,然后刷新页面数据。 下拉列表也会重新加载,但是在代码中,数字仍然处于选中状态,但是下拉框文本仍然是占位符,而不是所选的值。 我知道如何显示所选文本吗? ...

10 Select2始终显示占位符

我正在使用select2组件进行选择。 我在这里一起摆了一个例子: https : //fiddle.jshell.net/mmo2dqno/15/ 我正在尝试做的是: 通过select2小部件选择一个项目 在下面的div中显示该项目 不要在搜索框中显示标签 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM