動態添加文本框被添加到了錯誤的表單元素

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/