bootstraptable表格可编辑，添加下拉列表，添加行，删除当前行

另一种写法

如果添加行数据的时候，前面编辑清空，记得在添加的formatter的input里给value绑定值， value="' + value + '"

博客参考链接

var name = $("label.editable")

name.click(function () {

    var tdObject = $(this)

    var id = $(this).attr("id")

    var text1 = $.trim($(this).text())

    var inputObject = $("<input type='text' class='form-control' value='" + text1 + "'>")

    inputObject.click(function () {

        return false

    })

    tdObject.html(inputObject)

    inputObject.blur(function () {

        var text2 = $.trim($(this).val())

        tdObject.html(text2)

    })

    inputObject.trigger("focus").trigger("select")

})

html:

<td class="text-center">

    <div class="th-inner"><label id="" class="editable"></label></div>

</td>

我是用上面的代码，在点击的时候触发事件变成文本框，来做的。

你也可以直接用bootstrap-table-editable.min.js的插件。

---