textarea标签实现change事件保存

< textarea>是多行文本输入框，可以控制输入的长度和行数。

change事件是根据值改变进行触发的。

多行文本输入框

<textarea id="notice" name="notice" maxlength="700" rows="7" class="form-control input-sm inline"
                           placeholder="请输入微信关注通知内容"></textarea>

change事件

使用了swal插件

//修改微信关注通知内容
    $("textarea[name='notice']").on('change', function () {
        if(content==''){
            toastr.warning('通知内容不能为空！')
            return false;
        }
        swal({
            title: "请确认要修改通知内容吗",
            text: "注意:修改之后立即生效",
            type: "info",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            closeOnConfirm: false,
            showLoaderOnConfirm: true
        }, function (isConfirm) {
            if (isConfirm) {
                $.ajax({
                    url: url,
                    type: "POST",
                    dataType: 'json',
                    success: function (data) {
                        if (data.state == 1) {
                            swal("操作成功!", "", "success", "好");
                           //展示修改后的内容
                            $("#notice").val($("textarea[name='notice']").val());
                        } else {
                            swal(data.message, "", "error", "好");
                            window.location.reload();
                        }
                    }
                });
            } else {
                $("#notice").val($("textarea[name='notice']").val());
            }
        });
    })