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

网上搜的加placeholder没效果
 $('#sel_recommender').select2({  
        placeholder: "请选择一个人名",   
    });  

10 个解决方案

#1

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

#2

引用 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標籤

#3

代码如下：

<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>

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

#4

引用 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>

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

不是"请选择是否有效

#5

引用 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>

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

不是"请选择是否有效

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

#6

引用 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> 就显示实体的“请选择是否有效”
我们主管要我做成显示隐形的“请选择是否有效”

#7

引用 6 楼 happy4944 的回复:

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

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

#8

引用 7 楼 happy4944 的回复:

Quote: 引用 6 楼 happy4944 的回复:

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

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

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

#9

引用 8 楼 MOONCOM 的回复:

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

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

#10

好的，我现在看看