给input添加一键清除功能

$(document).ready(function () {

//input加上删除按钮

    var $inputText =$("input[type='text'][name='name'],input[name='awardName'],input[name='typeName'],input[name='qutoaFormulateName'],input[name='userName'],input[name='unitName']");

    $inputText.wrap('<span></span>');

    $inputText.parent().css({

"position":"relative"

    });

    $inputText.keyup(function() {

$(this).change();

    });

    $inputText.change(function() {

if ($(this).val() !="" &&$(this).parent().find("i").length <=0) {

// console.log("改变了");

            var $mThis =this;

            $(this).parent().append("<i class='Hui-iconfont clear_btn' style='display:block;position: absolute;top: 0;right:5%;'>&#xe6a6;</i>");

            $(".clear_btn").click(function() {

$(this).parent().find("input").val("");

                $(this).remove()

});

        }else if ($(this).val() =="" &&$(this).parent().find("i").length >0) {

$(this).parent().find("i").remove();

        }

});

});

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容