0

我正在尝试使用 jQuery 从 html 中获取数组的值，然后将其传递给 PHP 脚本。我尝试了许多在此站点上找到的变体，但没有一个成功。

这就是我到目前为止所拥有的。（我使用 jQuery 根据所需数量生成文本区域，最多 10 个）。

<form>
<input type='text' value='Title', name='title' id='title' /><br>
<h2 class="achievements" id="subheading">Required Amount</h2><br><br><br>
<select id="selection">
<option value='0'>0</option>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
</select>
<div class="achievements" id="board"></div>
</form>
</div>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('#selection').change(function() {
    var required = parseInt($(this).val());
    var i = 0;
    var str1 = "<h2 id=\"subheading\">Requirements</h2><br><br><br>";

    for( i = 0; i < required; i++) {
                str1 += "<br><br><label></label><textarea name='requirement["+ i +"]' class=\"requirements\" rows='2' cols='40'></textarea>";
            }
    str1 += "<br><input type='button' class='button' onclick=\"button('achievements/create_achievement');\" value='Add Achievement'/>";
    $('#board').html(str1); 
});
return false;
});
</script>

抓取数据的 jQuery 脚本是：

function button(uri) {
var url = "http://www.blahblah.com/" + uri;
    var requirements = [];
    /**
      * solution below found on SO does not work as thought
      */
    /////////////////////////////////////////////////////////////////////////
    requirements = $('textarea[name^="requirement\\[\\]"]').map(function() {
    return $(this).val();
    }).get();
    //////////////////////////////////////////////////////////////////////// 
    $.ajax({
    url: url,
    data: {id:requirements},
    type: "POST",
    success: function(data) {
        $('#main-board').html(data);
    }
    });
return false;
}

我的问题是，当使用 alert(requirements) 检查数据数组时，什么也没找到。我认为这是因为没有使用我使用的 jQuery 语句正确解析来自 html 的数据。任何帮助都会很棒。谢谢

4

1 回答 1

0

您的 textareas 选择器错误，因为 textarea 的名称在括号中有小数点；另请参阅jquery 选择器页面^=：

描述：选择具有指定属性的元素，其值恰好以给定字符串开头。

代替

$('textarea[name^="requirement\\[\\]"]')

和

$('textarea[name^="requirement\\["]')

你不必再改变了。

另请参阅此示例。

于 2012-07-14T17:12:08.403 回答