因为我的input输入框是循环出来的 ,所以弹出的富文本框赋值总会把所有的input都赋值
所以怎么才能点击当前的input输入框 ,让富文本框输入的值给当前点击的input输入框
有个思路是这样的
1,你先给所有的input的最外层父div加上一个监听点击事件,当你点击某个input的时候,会冒泡触发div的点击事件,称为事件委托
2,在这个点击事件里面可以拿到点击对象event.target,也就是具体的某个input对象(可以考虑浏览器兼容性,百度一下),然后将这个对象用变量存起来
3,再在这个点击事件函数里面为富文本框添加监听提交事件,提交时触发,取到富文本框的value值,赋值给上一步存起来的对象的value,然后关闭弹窗
循环时赋值的id 或者class 等属性添加一个index标签,获取唯一id
通过一个唯一id来区分赋值
在for循环的时候指定不同的Input有不同的id,然后你就可以单独赋值了。
不知道你采用的什么前端插件的做的前端或者是原生下的,下面给你说下原生的思路(其他插件的思路也差不多):
记录点击的对象,然后富文本框 输入字提交后,给该对象复制,给你举一个例子:
比如:
var oldobj //记录本次点击的对象
function inputclick(obj){//点击文本框调用的事件
oldobj=obj
//做弹出富文本的操作
}
在inpunt 那里用 onclick="inputclick(this)"
然后在富文本框输入字提交的时候直接使用oldobj.value=富文本的值,这是文本框在当前页面弹出层的,如果是使用的弹出iframe的 话,那还要加上parent.oldobj.value=富文本的值
用索引去区分
你的数据结构需要改一下