0

jQueryを使用してhtmlから配列の値を取得し、これをPHPスクリプトに渡そうとしています。このサイトで見つけた多くのバリエーションを試しましたが、成功したものはありません.

これは私がこれまでに持っているものです。(必要な量に応じて最大10までのテキストエリアを生成するためにjQueryを使用しています)。

<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

テキストエリアの名前には括弧内に小数点があるため、テキストエリアのセレクターが間違っています。次のjquery セレクター ページ^=も参照してください。

説明: 指定された文字列で始まる値を持つ、指定された属性を持つ要素を選択します。

交換

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

と

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

もう変える必要はありません。

この例も参照してください。

于 2012-07-14T17:12:08.403 に答える