51,409
社区成员
发帖
与我相关
我的任务
分享请发表友善的回复…
发表回复
qq_35953308 2017-07-26
- 打赏
- 举报
是在做一个可编辑的表格，但是这个需要下拉框，双击td，我已经判断了，当textName=caseType时，把他变成一个下拉框
能不能给一些代码
MikeDDT009 2017-07-26
- 打赏
- 举报
这里先假设你使用的jQuery吧，没用这个原生也能写，但是思路是一样的
1.对这个元素(或者说这个位置的所有元素,可以通过添加类名来表明这些元素)添加双击事件(js)
2.然后把这个位置的元素替换成一个表单元素的下拉框，具体下拉内容看你自己怎么写
3.选好以后，随便点其余位置设置成功，这里就需要绑定个事件，这里我限定是点击表格范围里面，所以将事件绑定在<table>元素上，就单击事件吧
4.table的事件思路就这样
a,先遍历判断这个位置的元素是什么，这里的目的是为了，如果没有来进行修改操作，那么就不执行，不然的话随便点哪个位置，哪怕没修改也要执行代码就没必要的，遍历此位置如果都是你使用的标签或者类型(反正只要能够区分这个位置到底是个一般的标签还是一个表单元素)，那么就直接结束方法，也就是return完事。只有当修改点击才触发后面的代码
b.然后就是传递后台，这个没得说，如果不传后台丢数据库这步可以无视，下面直接写不论传递还是没传递后台的实现
c.获得这个表单元素的值，jQuery没得说选中，直接.val()就获得表单元素的值的
d.然后拿原来使用的标签，设置上面的值，然后替换表单元素，就完事了
