动态添加select和input问题

Question

想要实现这样一个功能
打开页面，默认有一个select框和一个input框
表单中有个hidden的值为从后台传递的qty
当在select选完，然后又在input框输入数量后，如果数量小于qty，则在input框的数值改变后，马上在此select和input下再添加一对select和input
如果第二对select和input填完还是小于qty，则再在第二个input的值改变后又马上添加第三对select和inputselect里的option内容是一样的，唯一不同就是，第一个select选择的option在第二、三个select里不再出现，类推
这个还要注意到，如果用户在出现第三对select和input的时候，如果又去点击第一个input框，然后改变它的值，此时应该判断的是3个input框的值，而且此时第三个input实际上还没有值，所以不应该再添加一对select和input的有什么好办法吗？？

Answer 1

没有啥好办法，按你的思路采用document.createElement方法去做就是了

Answer 2

但是我对createElement的用法不是太了解...能给点相关的例子吗？？
特别是
select中的option如何获取？
添加的话可以用
select.option.add(new option(xxx));来添加
那就是得用循环把前一个select中的option都添加到当前的select中这种方法？我本来以为说，如果能直接createElement中，指定当前select的id，让它复制一个...然后我再把复制的那个select中的特定option删除的说...

Answer 3

看到一个CloneNode
而且网上的教程和我想要的效果差不多哦...
明天改改看...
http://hejianhuacn.javaeye.com/blog/145938

Answer 4

唉...散分吧...
最后是用cloneNodes实现的...不过代码很长，而且只是初步实现，代码都没优化什么的，所以就不帖出来了...