0

所以我已经学会了如何动态地将元素添加到数组中——删除它们怎么样？

jQuery

$(document).on('change blur', '.roomFac', function () {
        var park = $("#park2").val();
        var lecturestyle = $("#lecture_style2").val();
        var roomstructure = $("#room_structure2").val();
        var groupsize = $("#groupSize2").val();
        var facilities = "";
        $('select[name*=roomFac]').each(function () {
            facilities += $(this).val();
            facilities += ",";
        });
        var dataString = 'park=' + park + '&' + 'lecturestyle=' + lecturestyle + '&' +
            'roomstructure=' + roomstructure + '&' + 'groupsize=' + groupsize + '&' +
            'facilities=' + facilities;
        $.ajax({
            type: "POST",
            url: "process_timetableMon2.php",
            data: dataString,
            cache: false,
            success: function (html) {
                $('#mon').html(html);
            }
        });
    });

process_timetableMon2.php

$array = explode(",", $_POST["facilities"]);

for($i = 0; $i < count($array)-2; $i++){
    echo $array[$i].'<br>';
}

我在这里上传了一些代码：http: //jsfiddle.net/kfm5b/3/

4

1 回答 1

0

我建议您与其动态创建更多下拉菜单，不如保持简单并坚持使用该multiple="multiple"属性的一个下拉菜单。

<select class="roomFac" name="roomFac" id="roomFac" multiple="multiple">
  <option selected="selected" value="">Any</option>
  <option value="opt1">Opt 1</option>
  <option value="opt2">Opt 2</option>
</select>

在 JavaScript 中，您不再需要遍历所有下拉菜单及其所选项目值。为简单起见，我保留了您的大部分结构，但我建议您将值存储在对象中，而不是手动构建数据字符串。这样更优雅，也更容易传递数组，就好像一个字符串必须使用多个array[]=...字符串一样。

$(document).on('change blur', '.roomFac', function () {
    var park = $("#park2").val();
    var lecturestyle = $("#lecture_style2").val();
    var roomstructure = $("#room_structure2").val();
    var groupsize = $("#groupSize2").val();
    var facilities = $('#roomFac').val().join( ',' );
    var dataString = 'park=' + park + '&' + 'lecturestyle=' + lecturestyle + '&' +
        'roomstructure=' + roomstructure + '&' + 'groupsize=' + groupsize + '&' +
        'facilities=' + facilities;
    $.ajax({
        type: "POST",
        url: "process_timetableMon2.php",
        data: dataString,
        cache: false,
        success: function (html) {
            $('#mon').html(html);
        }
    });
});
于 2013-02-17T15:50:23.967 回答