JS使用html()获取html代码获取不到input、textarea控件填写的值

 

 

我们可以重写一个方法

(function ($) {
        var oldHTML = $.fn.html;
        $.fn.formhtml = function () {
            if (arguments.length) return oldHTML.apply(this, arguments);
            $("input,button", this).each(function () {
                this.setAttribute(\'value\', this.value);
            });
            $("textarea", this).each(function () {
                this.setAttribute(\'value\', this.value);
                this.innerHTML= this.value
            });
            $(":radio,:checkbox", this).each(function () {
                // im not really even sure you need to do this for "checked"
                // but what the heck, better safe than sorry
                if (this.checked) this.setAttribute(\'checked\', \'checked\');
                else this.removeAttribute(\'checked\');
            });
            $("option", this).each(function () {
                // also not sure, but, better safe...
                if (this.selected) this.setAttribute(\'selected\', \'selected\');
                else this.removeAttribute(\'selected\');
            });
            return oldHTML.apply(this);
        };
       
    })(jQuery);

 

调用的使用 

var html=$("#id").formhtml();