动态添加文本框被添加到了错误的表单元素

Question

这将是很容易看到使用这个的jsfiddle：

http://jsfiddle.net/6xPye/4/

我有什么在两个下拉菜单，其值的变化取决于你的第一选择。

即使使用表单提交，这一切都可以正常工作，但是现在我想要做的是为第一个下拉列表中的某些值生成中间下拉菜单和文本框，而不是2个下拉菜单。

我有一点工作，但如果您先选择escherpropname，它会打破之后添加的动态元素。

任何帮助，非常感谢。

感谢，

马丁

Answer 1

我想你会想改变你添加一个文本框的方式，这里有一个解决方案

HTML：

<!-- remove textbox --> 
<!--<input type="text" name="valuestextbox[]" class="valuestextbox"/>--> 

jQuery的：

// in document .ready change these lines 
//$valuestextbox = $('.valuestextbox'); *remove* 
//$valuestextbox.hide(); *remove* 
// Create a textbox as needed 
$valuestextbox = $('<input type="text" name="valuestextbox[]" class="valuestextbox"/>'); // *add* 

... 

// in your test for 'escherpropname' 
//$valuestextbox.show(); *remove* 
$values.after($valuestextbox.clone()); // *add* 

更新提琴：http://jsfiddle.net/pxfunc/6xPye/5/