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 标记和名称标记（相同的值）

例如TB1 TB2 TB3 ......

然后您可以使用

从JS访问它们

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

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

由于它们处于表单中，因此值将发布到标记操作中的speciefied表单网址，并且可以使用PHP进行处理

Answer 2

基于我在这里创建的演示是我如何在php中接收表单：

print_r( $_GET);

结果：

Array
(
    [num_1_0] => 385122
    [num_1_1] => 719388
    [num_1_2] => 865862
    [num_2_0] => 205449
    [num_2_1] => 819047
    [num_2_2] => 870961
)

可以轻松地将此数组操作为任何其他格式。字段名称中的第一个数字是行，第二个是行中的索引

编辑：要将此输出集表单方法可视化为“GET”，请将操作设置为process-form.php。在process-form.php中放入以下内容：

echo '<pre>';
print_r( $_GET);

现在提交表格

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

2 个答案: