我正在尝试使用 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 的数据。任何帮助都会很棒。谢谢