【问题标题】:Get value of inputs with Jquery使用 Jquery 获取输入值
【发布时间】:2010-03-06 18:14:51
【问题描述】:

我有 100 个名称为 table[] 的输入。如何使用 jQuery 作为数组获取它们的值?

我正在尝试在 PHP 中执行类似 $_POST['table'] 的操作。

我尝试了以下代码,但我希望将值作为数组...

$("input[name='table[]']").each(function(){document.write($(this).val());});

【问题讨论】:

    标签: jquery arrays


    【解决方案1】:
    var arrInputValues = new Array();
    $("input[name='table\\[\\]']").each(function(){
         arrInputValues.push($(this).val()); 
         // you can also use this
         //arrInputValues.push(this.value);
    });
    

    现在您的 arrInputValues 包含所有值。

    你也可以使用

    $("input[name='table[]']").each(function(){
    

    你可以看到一个working demo

    您可以使用 join() 方法来连接数组中的值。

    arrInputValues.join(',');
    

    将以,分隔的字符串形式加入数组元素。

    【讨论】:

    • document.write(arrInputValues) 输出 test1,,,,,,,,,,,,,,,,,,,,,,,,,,test2 等等。这正常吗?
    • 谢谢!以及如何解除他们的加入?如果我通过 PHP 中的 foreach 处理字符串并将其插入 DB,它会起作用吗?你在下面看到我的答案了吗?
    • 您可以使用, 在php 中拆分字符串并获取值。但是在选择分隔符时必须小心。任何值都不应包含分隔符。
    【解决方案2】:

    以下代码给出了每个输入的

     var arr=new Array();
     $("input[name='table[]']").each(function()
     {  
        var val=$(this).attr('value');
        document.write(val);
        arr.Push(val);
     });
    

    【讨论】:

    • 你能告诉我如何将所有元素的值作为数组获取吗?谢谢!
    【解决方案3】:

    您需要转义 [] 字符,试试这个:

    $("input[name='table\\[\\]']").each(function()
     ...........
    

    【讨论】:

    • 正如我在上面发布的那样,但是如何将它作为数组获取?现在它输出给我:test1test2test3test4........ 如何获取就像 Array ( [0] => test1 [1] => test2 [2] => test3 [3] => test4 )
    • @Angelov: $_POST['table']中已经是一个数组了;你可以看到像 print_r($_POST['table']); 这样的内容
    • 我解释的不对。这一切的想法是我想使用 AJAX 将输入的值传输到另一个文件,我将在 BD 中提交该值,但我必须使用 foreach,我认为它需要数组。 foreach($_POST['table'] AS $data) { //THE INSERT TO THE DB } 我想在不刷新页面的情况下插入它,同时单击提交,这就是我使用 AJAX 的原因。但是要提交到数据库,我必须使用 AJAX 将数据发送到另一个文件。这就是为什么我想在 JS 中创建数组。之后我会将它序列化为字符串并做我想做的事
    【解决方案4】:

    [和]字符是特殊字符,需要转义

    $("input[name='table\\[\\]']").each(function()
     {  document.write($(this).val());           });
    

    【讨论】:

    • 好的,但是如何将其作为数组获取?现在它输出给我:test1test2test3test4........ 如何获取就像 Array ( [0] => test1 [1] => test2 [2] => test3 [3] => test4 )
    猜你喜欢
    • 1970-01-01
    • 2011-06-03
    • 1970-01-01
    • 2017-08-23
    • 2011-07-05
    • 1970-01-01
    • 1970-01-01
    • 2012-01-19
    • 1970-01-01
    相关资源
    最近更新 更多