输入字段在jQuery中的prepend上发布

Question

我正在研究WordPress中的元字段。场景是，有一个问题字段及其答案字段，如下所示：

当我点击加号时，答案字段会成功添加prepend。

但我面临前置问题。当我在答案字段中输入一个值并点击加号输入字段时，我输入的值不会下降，但新字段前置自爆，如下所示：

js Fiddle

我想，当我进入棕色并点击加号时，棕色下降并且首先是空的，像这样：

Answer 1

您必须使用append而不是prepend，如下面的代码。因为，prepend首先添加字段。

jQuery('.qs_btn').click(function () {
      jQuery('.multi_fields_wrap').append('<div class="multi_fields"><input type="text" name="qs_survey_a[]" id="qs_survey_a"><a href="#" class="qs_cross">x</a></div>');
      return false;
});

Answer 2

在阅读OP和评论之后，我所理解的是，您的预期输出可能仅在更改html部分后出现。
看看

<div class="multi_fields_wrap">
  <input type="text" name="qs_survey_a[]" id="qs_survey_a" value="">
</div>

Answer 3

附加时，您没有在输入字段中添加值。

[0][1][2][3][4][5]...[n] /* prefix was */
[A][B][C][D][E][F]...[N]
memmove(prefix, prefix + 1, (NPREF - 1) * sizeof(prefix[0]));
[0][1][2][3][4][5]...[n] /* prefix is */
[A][A][B][C][D][E]...[M]

首先获取输入字段的值，然后在追加新行时添加该值。您还可以通过添加此简单行

清除前置事件发生后的输入字段

var result_a = jQuery('#qs_survey_a').val();
​
        jQuery('.multi_fields_wrap').prepend('<div class="multi_fields"><input type="text" name="qs_survey_a[]" id="qs_survey_a" value="' + result_a + '"><a href="#" class="qs_cross">x</a></div>');

希望有助于