开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >Select2 4.0多选框和占位符显示带有选项的空白项目

问Select2 4.0多选框和占位符显示带有选项的空白项目
EN

Stack Overflow用户

提问于 2015-09-20 01:00:48

回答 1查看 704关注 0票数 0

我想要显示一个使用占位符的多选框(没什么特别的)。我在列表中添加了一个空白项，这样就可以按预期显示占位符。

<select id="county_id" name="county_id" multiple="" tabindex="-1"     class="select2-hidden-accessible" aria-hidden="true">
<option value="" selected="selected"></option>
<option value="1">Adams</option>
<option value="2">Ashland</option>
<option value="3">Barron</option>

但是当我在列表中选择一个项目时，一个空白框(第一个空白选项)显示为第一个选择，就在我选择的项目之前。注意下面的第一个列表项：

<span class="select2-selection select2-selection--multiple" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0">
<ul class="select2-selection__rendered">
<span class="select2-selection__clear">×</span>
<li class="select2-selection__choice" title=""><span class="select2-selection__choice__remove" role="presentation">×</span></li>
<li class="select2-selection__choice" title="Kenosha"><span class="select2-selection__choice__remove" role="presentation">×</span>Kenosha</li>

如果我没有在列表前面加上空白选项，那么占位符就不起作用了，默认情况下第一个列表项是选中的。

select2站点上最接近的示例使用了选项组(my list没有)，并且似乎没有空白选项。我不记得在v3.5x中遇到过这个问题。除了占位符之外，我没有设置任何选项。我能做错什么呢？我怎样才能摆脱这个额外的空白选择？

jquery-select2-4

EN

回答 1

Stack Overflow用户

发布于 2016-02-10 18:25:47

你有没有碰巧在用Formtastic？我在使用Formtastic时遇到了这个问题。如果不是，也许这可以帮助你找到正确的方向。我必须将:include_blank => false传递到我的表单中以删除空白元素。docs说:prompt – by default, all select inputs will have a blank option at the top of the list. You can add a prompt with the :prompt option, or disable the blank option with :include_blank => false.可能是类似于这个的东西？

票数 0

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/32674729

复制

相关文章

XD如何画弧形，进度条

如何画半圆首先画一个矩形，在画一个圆，选择两个，然后点击右键--带形状的蒙板如何画圆弧更改虚线的长度即可画出弧形，另外将端点设置成圆角！如何画虚线

田

2021/11/08

6.8K0

[WPF] 使用三种方式实现弧形进度条

当时我第一反应是可以用 Microsoft.Toolkit.Uwp.UI.Controls 里的 RadialGauge 实现，虽然这是个 UWP 的控件，不过代码没有很复杂，应该很轻松就能移植到 WPF：

dino.c

2021/11/09

2.1K0

[WPF] 使用三种方式实现弧形进度条

Salesforce中不用代码创建进度条

download progress salesforce sample using

今天我们将一起研究下如何在Salesforce中不用代码，只用公式字段就可以创建一个进度条。一开始我们好像认为我们不可能只用Salesforce的公式来创建一个动态的进度条。其实还是有很多方法的，有一些开发人员存储4张区间为25%或10张区间为10%的进度图片，并通过if语句来相应的显示他们。

臭豆腐

2019/04/16

8950

Salesforce中不用代码创建进度条

自定义 View 实战 02 - 圆弧形进度条

效果图分析动图可以知道，动画主要由三部分组成：内圆弧外圆弧中间文字实现过程及注释自定义属性 <declare-styleable name="ArcProgressbar"> <attr name="progressWidth" format="integer" /> <attr name="outerColor" format="reference|color" /> <attr name="innerColor" format="referen

code_horse

2020/06/19

5570

自定义 View 实战 02 - 圆弧形进度条

如何在Android中避免创建不必要的对象

在编程开发中，内存的占用是我们经常要面对的现实，通常的内存调优的方向就是尽量减少内存的占用。这其中避免创建不必要的对象是一项重要的方面。

技术小黑屋

2018/09/05

2.5K0

如何在Python中优雅地使用进度条?

copy iterable progress stderr sys

tqdm在Arabic阿拉伯语言中是进度"progress"的意思。使用tqdm模块可以通过进度条的方式非常优雅地显示循环的进度。

lyhue1991

2020/07/20

5.3K0

如何在Python中优雅地使用进度条?

android进度条

为者败之，执者失之。——《道德经》原生安卓实现的进度条 package com.example.uidemo.activity; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.ProgressBar; import android.widget.SeekBar; import android.wi

阿超

2022/08/16

2K0

如何在js中创建对象

七夕临近了，没有对象的来创建一个吧使用对象字面量： const o = { name: "zehan", greeting() { return `Hi, 我是${this.name}`; } }; o.greeting(); // "Hi, zehan" 使用构造函数： function Person(name) { this.name = name; } Person.prototype.greeting = function () { return `Hi, 我是

ZEHAN

2020/09/23

7.6K0

如何在Mac中创建MiniKube

kubernetes https 网络安全容器镜像服务

Minikube是一个工具，可以在本地轻松运行Kubernetes。 Minikube在笔记本电脑的VM中运行单节点Kubernetes集群，供希望尝试Kubernetes或日常开发的用户使用。

方志朋

2022/05/08

2.4K0

如何在Mac中创建MiniKube

如何在Dynamo中创建UI

python 搜索引擎 .net windows

本文介绍了如何在Dynamo中创建UI，通过使用WPF技术实现了窗口的创建和交互。首先介绍了IronPython和Dynamo的基础知识，然后讲解了实现原理和准备工作。最后通过具体的操作步骤和代码示例讲解了如何在Dynamo中创建UI。

企鹅号小编

2018/01/05

2.1K0

如何在 WordPress 中创建联系表格？

游戏 wordpress 网站建设网站 unity

假设我们有一个 WordPress 网站，并且我们想要添加一个功能，让他们可以联系他们所拥有的查询。我们可以通过使用网站上的 WordPress 插件添加联系表格来做到这一点。因此，这将为你的访问者提供一种与你联系的方式，当他们需要帮助或有什么要分享的时候。

海拥

2022/12/19

2.9K0

如何在 WordPress 中创建联系表格？

如何在 WordPress 中创建登录页面

wordpress 网站建设网站

登陆页面：登陆页面是为特定受众制定的具有特定目标的目标页面，可以描述为“一页一目的”。登陆页面必须有一个“号召性用语”，并牢记特定目标。成功的着陆页是具有更高转化率、更高参与度和更高质量潜在客户的页面。

海拥

2022/10/04

2.9K0

如何在 WordPress 中创建登录页面

如何在git中创建新分支

git 编程算法

介绍 Git 是一个开源版本控制系统，用于在软件开发过程中跟踪更改。它的相互独立的分支模型使其脱颖而出。分支可以基于以前版本的软件来保持当前进度的完整性，同时处理错误修复或新功能。在本地创建 Git 存储库要创建新的 Git 存储库，请在终端中输入以下命令： mkdir rumenz cd rumenz git init 这将在 rumenz 目录中创建并初始化一个新的 Git 存储库。创建一个新的降价文件并添加一行文本： echo This is a line of text > rumenz.md

入门笔记

2022/06/02

2.9K0

学习|Android中实现进度条按钮功能（kotlin）

前面几章做了检测TTS及怎么样进度条下载的文章，原想结合几个知识点做一个实战操作，模仿应用宝等手机助手的那种列表下载方式，计划中发现有一环是需要实现个一按钮进度条的方式，看了看以前没有相关的东西，那这篇我们就在看看Android怎么实现按钮进度条的功能。

Vaccae

2019/12/11

1.8K0

Android圆形进度条

圆形进度条.jpg 先在attrs.xml中自定义属性 <declare-styleable name="CircleProgressBar"> <attr name="backgroundColor" format="color" /> <attr name="progressColor" format="color" /> <attr name="progressWidth" format="dimension" /> <attr

aruba

2020/07/03

8710

点击加载更多

相似问题

选择足球队并输出足球队的位置

13

比较游戏名称python

11

足球队联盟

212

我如何比较两支球队的得胜率？在C中

212

用Python比较时间

217

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例