js操作select option选项以及不同iframe取值问题，做web开发中蛮实用的哈

最近在项目中遇到了一个需要动态添加 select option 选项的问题，大概功能就是iframe不同子页面之间，将iframe3选中的checkbox内容作为iframe4中一个select下拉框的选项。上网查阅资料后发现有js实现的，也有jquery实现的，根据自己的要求我"添加"采用js方式实现，"删除"采用jquery方式实现(js也可以实现删除，是根据选中内容的索引下标实现的)，根据自己的实际需求我选择了jquery，其中有个方法是根据value值删除的。

1.js动态添加option

2.jquery 动态删除option

根据value值删除option

3.js动态删除option

根据下标索引删除option

4.js删除所有option

删除所有option

上面提及到了iframe，实际项目中获取select元素id不是这么简单，这里是简化了只是为了说明添加和删除option。下面总结下常见的几种iframe子页面与子页面以及子页面与父页面之间如何取值，希望可以帮助跟我之前一样取不到值而困惑的朋友哈。这里假设有irame1和iframe2子页面。

1.父页面获取子页面的值

2.子页面获取父页面的值，并赋值(子页面操作父页面)

3.两个子页面相互操作(iframe1操作iframe2)

以上都是js获取的方法，还有jquery的方式，方法不一样，基础原理都是一样的，父页面可以拿到子页面的值，子页面之间不能之间取值，子页面要先通过父页面元素拿到其他子页面iframe Id,再去访问其他子页面的元素。

jquery不同ifame之间取值

哪里写的不妥的地方，欢迎大家在评论提出你的意见或建议哈。