php - 访问由 jQuery 动态创建的文本框中的值

Question

我使用 jQuery 动态创建了文本框，其中填充了随机数。我不确定如何访问动态创建的文本框中的值。我想访问文本框值，以便可以测试它们是否有重复数字或检查它们是否是非数字，因为用户可以更改并向文本框中输入任何字符它们被创建后。我可能无法使用数组来访问它们，因为在插入它们之前我无法使用 jQuery Validate 插件测试这些值(或者我可以吗？)使用 PHP 进入 MySQL。另外，我想访问文本框值，以便可以使用 PHP 将它们插入到 MySQL 中。有谁知道我如何访问文本框值这些动态创建的文本框，以便可以使用 PHP 引用它们来插入到 MySQL 中？非常感谢您的帮助。

这是创建动态文本框并输入随机数的主要代码。

    // Fill the textboxes with the generated numbers
    var parentForm = $(this).closest(".form");
    for (var n in random_numbers)
    parentForm.find(".inputs input:eq(" + n + ")").val(random_numbers[n]);
}

$(document).ready(function() {
    $('#dropdownadd').change(function() {

        var dropDownDiv = $('#dropdowndiv');

        dropDownDiv.html("");

        $loopcount = $(this).val();

        for (var i = 1; i <= $loopcount; i++) {
            var setHtml = "";

            setHtml = '<div class="form"><form id="frm' + i + '">';
            setHtml += '<label>Number Set #' + i + '</label>';
            setHtml += '<div class="action"><input type="button" class="button" id="btn' + i + '" value="Generate Numbers" /></div>';
            setHtml += '<div class="inputs">';
            for (var t = 0; t < 3; t++) {
                setHtml += '<input type="text" name="num' + t + '" id="num' + t + '" class="input" />';
            }
            setHtml += '</div>';
            setHtml += '</div>';
            dropDownDiv.append(setHtml);

            $("#btn" + i).bind('randomize', getRandomNumbers).click(function(e) {
                $(this).trigger('randomize');
            });
        }

Answer 1

动态创建文本框时，为它们提供唯一的 id 标签和 name 标签(相同的值)

例如 TB1 TB2 TB3....

然后您就可以通过 JS 访问它们

$('#TB' + n).val()

其中n是您要访问的文本框编号。

由于它们位于表单中，因此这些值将发布到标签 action 中指定的表单 URL，并可用于 PHP 处理