如何获取 jquery 克隆文本框的值？

Question

我正在创建一个有多个答案的调查问题。

有一个按钮可以克隆现有的文本框。 但是，我如何获取这些克隆的文本框的值，特别是从代码隐藏中。

这是我的代码：

 function generateRow() {
        if (totalans == 9) {
            $('#<%= label2.ClientID %>').html('<b>Maximum of 10 answers per questions reached</b>');
        }
        else {
            $("#ans").clone().prependTo("#ans2");
            totalans = totalans + 1;
        }

//#ans 是一个除法。

有人可以帮助我吗？ 我试图得到它。

//C#代码

String bla = tb_ans.ToString(); String[] splitAnswer = bla.Split(','); int a = splitAnswer.Length;

//tb_ans 是我的文本框 ID。

我尝试使用数组，但似乎它只采用了第一个 textbox 值，而转储了其他值。

Answer 1

看了你的评论我修改了我的答案：

function generateRow() {
    if (totalans == 9) {
        $('#<%= label2.ClientID %>').html('<b>Maximum of 10 answers per questions reached</b>');
    }
    else {
        totalans = totalans + 1; // same as totalans++;
         $("#ans").clone().attr({id: "ans_clone_" + totalans, name: "ans_clone_" + totalans}).prependTo("#ans2");
         // then you can loop through each input using the totalans variable.
    }

Answer 2

这里有两个立即弹出的选项：

选项一：生成服务器端而不是克隆，然后隐藏直到需要 - 更改显示以在需要时显示它们。

选项二：通过ajax将文本框克隆的值发送到服务器。

就我个人而言，我会选择第二种，因为这样您就可以克隆几乎无限数量的框，然后将值发送到服务器进行处理 - 从您的代码来看，您已经完成了其中的一部分。

Answer 3

当您提交任何表单时，元素值将根据 dom 中的名称发布，因此当您克隆文本框时，如果您希望服务器端的所有文本框值都应更改名称并给出唯一的名称。

Answer 4

您需要在克隆上设置一个唯一的 ID，以便您可以通过 JavaScript 访问它。如果您还希望它作为表单的一部分唯一地提交到您的服务器，那么也可以为其设置一个唯一的名称。

$("#ans").clone().attr({id: "ansClone2", name: "ansClone2"}).prependTo("#ans2");