下拉框怎么做成文本框那样,点击文字就消失

时间:2022-08-08 23:07:22
下拉框怎么做成文本框那样,点击文字就消失

贴一下文本框和下拉框的代码


                <div class="input-group">
                    <span class="input-group-addon">車牌號</span>
                    <span><input type="text" class="form-control empTypeahead" name="carNo" placeholder="請輸入車牌號.." />  </span>
                </div>

               <div class="input-group">
                    <span class="input-group-addon">座椅數量</span>
                    <select name="seatQty" id="select_k1" class="form-control select2">
                        <option value="">請選擇座椅數量</option>
                        <option value="5">5</option>
                        <option value="7">7</option>
                    </select>
                </div>

7 个解决方案

#1


下拉框怎么做成文本框那样,点击文字就消失下拉框怎么做成文本框那样,点击文字就消失下拉框怎么做成文本框那样,点击文字就消失

#2


下拉框怎么做成文本框那样,点击文字就消失
像这种,默认提示怎么写

#3


我解决了,来人拿分
    $('#sel_recommender').select2({  
        placeholder: "请选择一个人名",  
        templateResult: formatState,  
        width:'256px'  
    }); 

#4


下拉框怎么做成文本框那样,点击文字就消失既然解决了,,,就接分好了

#5


引用 4 楼 gy127132060 的回复:
下拉框怎么做成文本框那样,点击文字就消失既然解决了,,,就接分好了

看到网上列子显示的是placeholder: "请选择一个人名",自己加发现没效果。。。。。
网站发布到服务器,日期显示是反的,怎么弄,网上查的一大堆代码好麻烦。这个解决了就给分
日期查出来了,也显示了,但是是日/月/年排的

Date.prototype.Format = function (fmt) { //author: meizz 
    var o = {
        "M+": this.getMonth() + 1, //月份 
        "d+": this.getDate(), //日 
        "h+": this.getHours(), //小时 
        "m+": this.getMinutes(), //分 
        "s+": this.getSeconds(), //秒 
        "q+": Math.floor((this.getMonth() + 3) / 3), //季度 
        "S": this.getMilliseconds() //毫秒 
    };
    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    for (var k in o)
    if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
    return fmt;
}

#6


引用 5 楼 happy4944 的回复:
Quote: 引用 4 楼 gy127132060 的回复:

下拉框怎么做成文本框那样,点击文字就消失既然解决了,,,就接分好了

看到网上列子显示的是placeholder: "请选择一个人名",自己加发现没效果。。。。。
网站发布到服务器,日期显示是反的,怎么弄,网上查的一大堆代码好麻烦。这个解决了就给分
日期查出来了,也显示了,但是是日/月/年排的

Date.prototype.Format = function (fmt) { //author: meizz 
    var o = {
        "M+": this.getMonth() + 1, //月份 
        "d+": this.getDate(), //日 
        "h+": this.getHours(), //小时 
        "m+": this.getMinutes(), //分 
        "s+": this.getSeconds(), //秒 
        "q+": Math.floor((this.getMonth() + 3) / 3), //季度 
        "S": this.getMilliseconds() //毫秒 
    };
    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    for (var k in o)
    if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
    return fmt;
}

算了这个也解决了

#7


引用 6 楼 happy4944 的回复:
Quote: 引用 5 楼 happy4944 的回复:

Quote: 引用 4 楼 gy127132060 的回复:

下拉框怎么做成文本框那样,点击文字就消失既然解决了,,,就接分好了

看到网上列子显示的是placeholder: "请选择一个人名",自己加发现没效果。。。。。
网站发布到服务器,日期显示是反的,怎么弄,网上查的一大堆代码好麻烦。这个解决了就给分
日期查出来了,也显示了,但是是日/月/年排的

Date.prototype.Format = function (fmt) { //author: meizz 
    var o = {
        "M+": this.getMonth() + 1, //月份 
        "d+": this.getDate(), //日 
        "h+": this.getHours(), //小时 
        "m+": this.getMinutes(), //分 
        "s+": this.getSeconds(), //秒 
        "q+": Math.floor((this.getMonth() + 3) / 3), //季度 
        "S": this.getMilliseconds() //毫秒 
    };
    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    for (var k in o)
    if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
    return fmt;
}

算了这个也解决了
下拉框怎么做成文本框那样,点击文字就消失

#1


下拉框怎么做成文本框那样,点击文字就消失下拉框怎么做成文本框那样,点击文字就消失下拉框怎么做成文本框那样,点击文字就消失

#2


下拉框怎么做成文本框那样,点击文字就消失
像这种,默认提示怎么写

#3


我解决了,来人拿分
    $('#sel_recommender').select2({  
        placeholder: "请选择一个人名",  
        templateResult: formatState,  
        width:'256px'  
    }); 

#4


下拉框怎么做成文本框那样,点击文字就消失既然解决了,,,就接分好了

#5


引用 4 楼 gy127132060 的回复:
下拉框怎么做成文本框那样,点击文字就消失既然解决了,,,就接分好了

看到网上列子显示的是placeholder: "请选择一个人名",自己加发现没效果。。。。。
网站发布到服务器,日期显示是反的,怎么弄,网上查的一大堆代码好麻烦。这个解决了就给分
日期查出来了,也显示了,但是是日/月/年排的

Date.prototype.Format = function (fmt) { //author: meizz 
    var o = {
        "M+": this.getMonth() + 1, //月份 
        "d+": this.getDate(), //日 
        "h+": this.getHours(), //小时 
        "m+": this.getMinutes(), //分 
        "s+": this.getSeconds(), //秒 
        "q+": Math.floor((this.getMonth() + 3) / 3), //季度 
        "S": this.getMilliseconds() //毫秒 
    };
    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    for (var k in o)
    if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
    return fmt;
}

#6


引用 5 楼 happy4944 的回复:
Quote: 引用 4 楼 gy127132060 的回复:

下拉框怎么做成文本框那样,点击文字就消失既然解决了,,,就接分好了

看到网上列子显示的是placeholder: "请选择一个人名",自己加发现没效果。。。。。
网站发布到服务器,日期显示是反的,怎么弄,网上查的一大堆代码好麻烦。这个解决了就给分
日期查出来了,也显示了,但是是日/月/年排的

Date.prototype.Format = function (fmt) { //author: meizz 
    var o = {
        "M+": this.getMonth() + 1, //月份 
        "d+": this.getDate(), //日 
        "h+": this.getHours(), //小时 
        "m+": this.getMinutes(), //分 
        "s+": this.getSeconds(), //秒 
        "q+": Math.floor((this.getMonth() + 3) / 3), //季度 
        "S": this.getMilliseconds() //毫秒 
    };
    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    for (var k in o)
    if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
    return fmt;
}

算了这个也解决了

#7


引用 6 楼 happy4944 的回复:
Quote: 引用 5 楼 happy4944 的回复:

Quote: 引用 4 楼 gy127132060 的回复:

下拉框怎么做成文本框那样,点击文字就消失既然解决了,,,就接分好了

看到网上列子显示的是placeholder: "请选择一个人名",自己加发现没效果。。。。。
网站发布到服务器,日期显示是反的,怎么弄,网上查的一大堆代码好麻烦。这个解决了就给分
日期查出来了,也显示了,但是是日/月/年排的

Date.prototype.Format = function (fmt) { //author: meizz 
    var o = {
        "M+": this.getMonth() + 1, //月份 
        "d+": this.getDate(), //日 
        "h+": this.getHours(), //小时 
        "m+": this.getMinutes(), //分 
        "s+": this.getSeconds(), //秒 
        "q+": Math.floor((this.getMonth() + 3) / 3), //季度 
        "S": this.getMilliseconds() //毫秒 
    };
    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    for (var k in o)
    if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
    return fmt;
}

算了这个也解决了
下拉框怎么做成文本框那样,点击文字就消失