Bootstrap下拉框点击文字就消失，怎么做-CSDN论坛

Bootstrap下拉框点击文字就消失，怎么做

Web 开发 > HTML(CSS)

收藏回复

[问题点数：50分，结帖人happy4944]

⋅oracle怎么批量插入datatable或者list ⋅你们建webapi会设一个通用接口吗 ⋅快速搬迁数据库资料从prd到qas用什么好一点 更多帖子 关注私信空间博客 -一个大坑 等级 本版专家分：84 结帖率 99.09%: 网上搜的加placeholder没效果
$('#sel_recommender').select2({
        placeholder: "请选择一个人名",
    });

2017-06-28 11:19:26

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅今天登陆CSDN，怎么我的个人信息被清空了，有人和我一样吗 ⋅js跨域访问服务器 ⋅formdata+jQuery+ajax+struts2实现不刷新文件上传 更多帖子 关注私信空间博客 霜月枫桥 等级 本版专家分：2869: 是当你输入文字后，placeholder设置的值才会消失不见。
你有设计图或相关代码吗？或者把你的需求详细描述一遍，你说的太简略，看不懂

2017-06-28 14:25:46

点赞只看TA 引用举报 #1得分 50

⋅oracle怎么批量插入datatable或者list ⋅你们建webapi会设一个通用接口吗 ⋅快速搬迁数据库资料从prd到qas用什么好一点 更多帖子 关注私信空间博客 -一个大坑 等级 本版专家分：84

引用 1 楼 MOONCOM 的回复:

是当你输入文字后，placeholder设置的值才会消失不见。
你有设计图或相关代码吗？或者把你的需求详细描述一遍，你说的太简略，看不懂



                <div class="input-group">

                    <span class="input-group-addon">是否有效</span>

                    <select name="isVALID" id="select_k1" class="form-control select2">

                        <option value=""></option>

                        <option value="1">是</option>

                        <option value="0">否</option>

                    </select>

                </div>



        $(".select2").select2({ placeholder: "请选择是否有效" });//渲染select標籤

2017-06-28 17:24:38

点赞只看TA 引用举报 #2得分 0

⋅今天登陆CSDN，怎么我的个人信息被清空了，有人和我一样吗 ⋅js跨域访问服务器 ⋅formdata+jQuery+ajax+struts2实现不刷新文件上传 更多帖子 关注私信空间博客 霜月枫桥 等级 本版专家分：2869

代码如下：

<select name="isVALID" id="select_k1" class="form-control select2" onfocus="ma(this)">

        <option value=""></option>

        <option value="1">是</option>

        <option value="0">否</option>

    </select>

    <script>

    function ma(item){

        item.value="";

    }

    </script>

使用方法：点击下拉框选中后，点击下拉框旁边的空白，取消下拉框的选中状态，再次点击下拉框，文字会消失

2017-06-28 18:54:14

点赞只看TA 引用举报 #3得分 0

引用 3 楼 MOONCOM 的回复:

代码如下：

<select name="isVALID" id="select_k1" class="form-control select2" onfocus="ma(this)">

        <option value=""></option>

        <option value="1">是</option>

        <option value="0">否</option>

    </select>

    <script>

    function ma(item){

        item.value="";

    }

    </script>

使用方法：点击下拉框选中后，点击下拉框旁边的空白，取消下拉框的选中状态，再次点击下拉框，文字会消失

不是"请选择是否有效

2017-06-29 08:48:09

点赞只看TA 引用举报 #4得分 0

引用 4 楼 happy4944 的回复:

Quote: 引用 3 楼 MOONCOM 的回复:

代码如下：

<select name="isVALID" id="select_k1" class="form-control select2" onfocus="ma(this)">

        <option value=""></option>

        <option value="1">是</option>

        <option value="0">否</option>

    </select>

    <script>

    function ma(item){

        item.value="";

    }

    </script>

使用方法：点击下拉框选中后，点击下拉框旁边的空白，取消下拉框的选中状态，再次点击下拉框，文字会消失

不是"请选择是否有效

请选择是否有效这是你自己在别处写的，你自己找找把它删了。
解决不了的话，把这一块的所有代码给我，我看看

2017-06-29 09:30:08

点赞只看TA 引用举报 #5得分 0

引用 5 楼 MOONCOM 的回复:

Quote: 引用 4 楼 happy4944 的回复:
Quote: 引用 3 楼 MOONCOM 的回复:
代码如下：
<select name="isVALID" id="select_k1" class="form-control select2" onfocus="ma(this)">

        <option value=""></option>

        <option value="1">是</option>

        <option value="0">否</option>

    </select>

    <script>

    function ma(item){

        item.value="";

    }

    </script>
使用方法：点击下拉框选中后，点击下拉框旁边的空白，取消下拉框的选中状态，再次点击下拉框，文字会消失
不是"请选择是否有效
请选择是否有效这是你自己在别处写的，你自己找找把它删了。
解决不了的话，把这一块的所有代码给我，我看看



                <div class="input-group">

                    <span class="input-group-addon">是否有效</span>

                    <select name="isVALID" id="select_k1" class="form-control select2">

                        <option value="">请选择是否有效</option>

                        <option value="1">是</option>

                        <option value="0">否</option>

                    </select>

                </div>

 

        $(".select2").select2({ placeholder: "请选择是否有效" });//渲染select標籤

这个就是我的代码
<option value="">请选择是否有效</option> 就显示隐形的“请选择一个值”
<option value="">请选择是否有效</option> 就显示实体的“请选择是否有效”
我们主管要我做成显示隐形的“请选择是否有效”

2017-06-29 17:23:18

点赞只看TA 引用举报 #6得分 0

⋅oracle怎么批量插入datatable或者list ⋅你们建webapi会设一个通用接口吗 ⋅快速搬迁数据库资料从prd到qas用什么好一点 更多帖子 关注私信空间博客 -一个大坑 等级 本版专家分：84: 引用 6 楼 happy4944 的回复:
<option value="">请选择是否有效</option> 就显示隐形的“请选择一个值”
<option value="">请选择是否有效</option> 就显示实体的“请选择是否有效”
我们主管要我做成显示隐形的“请选择是否有效”

发错了，一个value为空，一个有值
<option value="">请选择是否有效</option> 就显示隐形的“请选择一个值”
<option value=" ">请选择是否有效</option> 就显示实体的“请选择是否有效”
我们主管要我做成显示隐形的“请选择是否有效”

2017-06-29 17:24:48

点赞只看TA 引用举报 #7得分 0

⋅今天登陆CSDN，怎么我的个人信息被清空了，有人和我一样吗 ⋅js跨域访问服务器 ⋅formdata+jQuery+ajax+struts2实现不刷新文件上传 更多帖子 关注私信空间博客 霜月枫桥 等级 本版专家分：2869: 引用 7 楼 happy4944 的回复:
Quote: 引用 6 楼 happy4944 的回复:

<option value="">请选择是否有效</option> 就显示隐形的“请选择一个值”
<option value="">请选择是否有效</option> 就显示实体的“请选择是否有效”
我们主管要我做成显示隐形的“请选择是否有效”

发错了，一个value为空，一个有值
<option value="">请选择是否有效</option> 就显示隐形的“请选择一个值”
<option value=" ">请选择是否有效</option> 就显示实体的“请选择是否有效”
我们主管要我做成显示隐形的“请选择是否有效”

我看了你这两句换10分钟，还是没搞懂你的意思，算了，你问问别人吧。

2017-06-29 17:43:14

点赞只看TA 引用举报 #8得分 0

⋅oracle怎么批量插入datatable或者list ⋅你们建webapi会设一个通用接口吗 ⋅快速搬迁数据库资料从prd到qas用什么好一点 更多帖子 关注私信空间博客 -一个大坑 等级 本版专家分：84: 引用 8 楼 MOONCOM 的回复:
我看了你这两句换10分钟，还是没搞懂你的意思，算了，你问问别人吧。

我先结贴，帮我看下这个问题
http://bbs.csdn.net/topics/392186405

2017-06-30 09:50:18

点赞只看TA 引用举报 #9得分 0

⋅今天登陆CSDN，怎么我的个人信息被清空了，有人和我一样吗 ⋅js跨域访问服务器 ⋅formdata+jQuery+ajax+struts2实现不刷新文件上传 更多帖子 关注私信空间博客 霜月枫桥 等级 本版专家分：2869: 好的，我现在看看

2017-06-30 11:01:01

点赞只看TA 引用举报 #10得分 0

收起

收藏回复

-一个大坑

等级：

关注私信 TA的帖子

实现bootstrap的dropdown-menu(下拉菜单)点击后不关闭的方法: 实现bootstrap的dropdown-menu(下拉菜单)点击后不关闭的方法问题描述，在下拉菜单中，添加其他元素，例如，原文作者所述的和我自己实际用到的，如果不加处理的话，那么在点击需要操作的元素的时候，由于事件...

bootstrap dropdown点击下拉内容不关闭: 点击下拉菜单后显示一个ztree树，树里面事件正常使用，且下拉菜单不关闭。解决过程上面原文链接是最棒的，不影响下来按钮的打开和关闭。我的解决方式载体：<ul id="menu_dtree" class="htdp-ztree ztree"&...

bootstrap中下拉菜单点击后不关闭的方法: bootstrap中常用到的下拉菜单dropdown-menu默认是当点击下拉菜单的任一位置就会关闭下拉菜单框了，这显然达不到很多用户需求，如何实现当点击需要点击的地方后才关闭下拉框呢，下面来简单介绍下方法，比如要做一个...

基于jQuery.i18n.properties插件实现前端页面国际化: 一、简介在介绍 jQuery.i18n.properties 之前，我们先来看一下什么是国际化。国际化英文单词为：Internationalization，又称 i18n，“i”为单词的第一个字母，“18”为“i”和“n”之间单词的个数，而“n”代表这...

文章收录1: 3.Hive Metastore 代码简析 4.受限的玻尔兹曼机 5.以公司实际应用讲解OpenStack到底是什么 6.Ubuntu12.04安装hadoop ...7.vpsmate安装完再重启服务器，vpsmate不无再次打开的解决方法 ...10.CHD4 impa...

android安卓源码海量项目合集打包-1: 下载地址最后更新共计113个分类5177套源码29.2 GB。卷新加卷的文件夹 PATH 列表卷序列号为 00000200 5E7A:7F30 F:. ├─前台界面 │ ├─3D标签云卡片热门 │ │ Android TagCloudView云标签的灵活运用.rar ...

下拉列表dropdown取消默认点击隐藏及修复需要二次点击的方法: 下拉列表dropdown取消默认点击隐藏及修复需要二次点击的方法

Ext JS的4.1.0的RC 1的发行说明: Ext JS的 - JavaScript框架 Ext JS的4.1.0的RC 1的发行说明发行日期：2012年3月13，版本号：4.1.0的RC 1 修正的错误 ...EXTJSIV-5459 设置在渲染隐藏的标记，有没有效果，图

个人电脑详细的安全设置方法: 由于现在家用电脑所使用的操作系统多数为Win XP 和Win2000 pro（建议还在使用98的朋友换换系统，连微软都放弃了的系统你还用它干嘛？）所以后面我将主要讲一下基于这两个操作系统的安全防范。...

JAVA开发全集: soap消息的分析和消息的创建和传递和处理 @WebService public interface IMyService { @WebResult(name="addResult") public int add(@WebParam(name="a")int a,@WebParam(name="b")int b);...

java知识体系介绍: 国内最牛七星级团队马士兵、高淇等11位十年开发经验专家录制目录百战程序员Java1573题 2 百战程序员介绍 3 JavaSE编程基础 9 第一章初识Java 9 阶段项目课程1 11 第二章数据类型和运算符...第六章异常机制

Html5基础之样式: 记录了通过修改bootstrap一些模板并阅读bootstrap源码时的一些感悟，下面的内容是动手实验+查找资料+推敲猜想得出，以备日后查询和修改补充

javascript各种效果: 1.实现tab切换效果这个功能是很久之前实现的，现在发上来，很长一段时间没更新博客了，真惭愧。这个JS代码还有很多修改的空间，先发上来，以后再发个更新的版本吧。这是效果图：【HTML代码】 ...1

玩转windows XP: 1、最全的windows操作系统快捷键一、常见用法： F1　显示当前程序或者windows的帮助内容。 F2　当你选中一个文件的话，这意味着“重命名” F3　当你在桌面上的时候是打开“查找：所有文件”对话框 F10或ALT　激活...

ionic4基础教程（案例和实战小demo）: 文章目录ionic4教程一、Ionic 介绍以及Ionic 环境搭建1、Ionic 介绍以及Ionic Packages2、ionic Packages3.、Ionic 的安装运行①.学习前准备工作②安装cordova ionic③创建项目:④运行项目4.Ionic 有时候安装失败...

BootStrap4的用法: BootStrap4 同样需要一个containing 元素包裹正文内容。 .container 提供了一个固定的宽；.container-fluid提供了一个易变的宽。二、网格系统 BootStrap的网格系统是基于flexbox，允许至多12个纵列。如果不想...

廖雪峰JavaScript教程: JavaScript简介 JavaScript历史要了解JavaScript，我们首先要回顾一下JavaScript的诞生。在上个世纪的1995年，当时的网景公司正凭借其Navigator浏览器成为Web时代开启时最著名的第一代互联网公司。...

Bootstrap下拉框点击文字就消失，怎么做

前端编码规范: 代码规范编码规范命名规则：类的基础命名方式：“项目英文简写-当前页-页面内容块”如“.ijobs-index-box”。 ...Id 的基础命名方式：语义化，并使用下滑杠连接，如步骤名称可命名为‘#step_name’。...

JavaScript: 1、javaScript的概念:是一种表述语言，也是一种基于对象(Object)和事件驱动(EventDriven)的，安全性好的脚本语言，运行在客户端，从而减轻服务器端的负担，总结如下： ... 2.javaScript是一种脚本语言，语法和...

[前端] 记录工作中遇到的各种问题（Bug，总结，记录）: 是该记录一下一些问题，防止再遇到就得再查资料了 1. 浏览器在开启有道划词插件的时候，使用 AjaxFileUpload 插件上传文件报错开启插件时，该插件会往文档中添加音频元素节点而AjaxFileUpload插件...

小白IT:如何快速写出一个前端页面（网页），Python中如何使用前端语言什么是？...Bootstrap？？: JavaScript前端语言 1.什么是JavaScript语言 JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。...2.ECMAScript和JavaScript的关系 1996年11月，JavaScript的创造者–Netscape...

最近用到Bootstrap Multiselect来详细了解一下: 为什么80%的码农都做不了架构师？>>> ...

前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX): 第1章Html Html：超级文本标记语言（HyperText Markup Language），在浏览器上运行的一种标记语言。就是给文本加上含有语义的标签。接下来应该学习更多具体语义标签：一、结构（固定的结构） ...bod...

HTML前端知识: 4事件 5方法通过动态的点击事件调用方法来改变标签等() 2 只要请求过来了数据就一直在这个页面,后面的请求的数据会一直保存好到这个页面 3 事件和方法调用时候带()和不带() 区分整个文件都处于标签中. 用以...

AndroidTestTool开发笔记: 前言这段时间在Testerhome上看了一些有关性能测试的帖子，看别人的东西，始终是别人的，只有自己写一遍才能体会其中的细节，虽然说不要重复造轮子，但是这种基础的东西，造一次轮子能够学会很多东西，最近看的东西也...

初级Java学习笔记总结: 坎坷Java路

web学习笔记: 常用属性............................................................................................ 1 Html基础..................................................................................... 3 ...

前端干货知识点！带你重温细致入微的前端内容！【长文·建议收藏】: HTML介绍 #web端的组成 HTMl 一堆标签组成的内容,基础的排版和样式 CSS 描述了标签的样式 JS/JQ 添加动态的展示效果 #浏览器发送请求的过程: 浏览器发送请求>...服务器接受请求>服务端返回相应>...

JS与jQuery插件运用和EasyUI框架的学习干货（三）: 1：引用的知识点 2：划分页面区域（五个区域的构造和混合构造） (混合构造，可根据需要进行自由的组合)

相关热词 c# 摘要 c# mvc2 匿名访问 c#qq登录框代码怎么写 c#修改json串 c#string怎么用 c#不包含适用 c# exe 所在路径 c#重载运算符++ add c# list c# 抓取数据