0

次のような動的要素がある場合: http://jsfiddle.net/kfm5b/2/

<select name="roomFac1" id="roomFac1">
  <option selected="selected">Any</option>
</select>
<input type="button" value="Add" class="pmbtn" id="addFac"/>
<input type="button" value="Remove" class="pmbtn" id="removeFac"/>

$(document).ready(function(){
    $('#addFac').click(function(){
        var $objs = $('select[name*=roomFac]');
        var n = $objs.size() + 1;
        var $obj = $objs.first().clone();
        $obj.attr('name', 'roomFac'+n).attr('id', 'roomFac'+n);
        $obj.appendTo($('body'));
    });
    $('#removeFac').click(function(){
        var $objs = $('select[name*=roomFac]');
        if($objs.size() > 1){
           $objs.last().remove();
        }
    });
});

ユーザーが送信ボタンをクリックすると、AJAX送信で使用するために出力を取得するにはどうすればよいですか

$("#submit").click(function () {
...
...
var dataString = ....; // how I would I implement the dynamically created elements here s I don't know the size
...
...
$.ajax({
    type: "POST",
    url: "process.php",
    data: dataString,
    cache: false,
    success: function (html) {
        $('#search_room').html(html);
    }
});

次に、処理を処理する PHP ドキュメントに何を入れますか?

4

2 に答える 2

0

選択したすべての要素の値をに入れる必要があることを考慮してくださいdataString。

    $("#submit").click(function () {

    var dataString = "";

        $('select[name*=roomFac]').each(function(){
            dataString+=$(this).val();
            dataString+=",";
        });

        $.ajax({
            type: "POST",
            url: "process.php",
            data: dataString.substring(0, dataString.length - 1);,
            cache: false,
            success: function (html) {
                $('#search_room').html(html);
            }
        });
    });

側php：

    $dataFromClient = $_POST['data'];
    $dataFromClient = explode(',',$dataFromClient);

//now $dataFromClient  will be an array that contains all the values.
于 2013-02-17T06:16:21.203 に答える
0

私はあなたがこのようなことをしようとしていると推測しています：

$("#submit").on('click', function(e) {
    e.preventDefault();
    var dataString = $.map($('[id^="roomFac"]'), function(val, i) {
       return {val.name : val.value}; //return name and value of elements
    });

    $.ajax({
        type: "POST",
        url: "process.php",
        data: dataString,
        success: function (html) {
            $('#search_room').html(html);
        }
    });
});
于 2013-02-17T06:11:36.493 に答える