BootStrap table动态增删改表格内数据

简单使用：

1、在当前表格的最后新增数据

2、在当前表格的首行新增数据

3、根据id删除行

4、删除所有数据

5、更新指定行的数据

6、更新指定的列数据

7、重新加载数据（分页的时候要注意参数的传递）

<select id="ddlResourceType" onchange="getvalue(this)">

</select>

动态删除select中的所有options：

document.getElementById("ddlResourceType").options.length=0

动态删除select中的某一项option：

document.getElementById("ddlResourceType").options.remove(indx)

动态添加select中的项option:

document.getElementById("ddlResourceType").options.add(new Option(text,value))

上面在IE和FireFox都能测试成功，希望以后你可以用上。

其实用标准的DOM *** 作也可以，就是document.createElement，appendChild，removeChild之类的。

取值方面

function getvalue(obj)

{

var m=obj.options[obj.selectedIndex].value

alert(m)//获取value

var n=obj.options[obj.selectedIndex].text

alert(n)//获取文本

}

//批量删除

function btn_del()

{

//使用getSelections即可获得，row是json格式的数据

var row = $('#test-table').bootstrapTable('getSelections')

if(row.length !=0)

{

var ids =""

for(var i=0i<row.lengthi++)

{

ids = ids +row[i].carid+","

}

alert(ids)

}

添加明细，你可以走一个保存，或者参考网页链接

---