javascript - 动态添加的文本框附加到错误的表单元素

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/