通过php jquery发布多个值

Question

<script>
$(document).ready(function() {

    $("#update_item").change(function (e) {
        var update_item = $("#update_item").serialize();

        $.post("item.php", {"update_item": update_item}, function (data) {
            $('#details').html(data);
        });
    });  
});

</script>

<select name="update_item"  multiple="multiple" class="form-control" style="width:59%" id="update_item">
    <option value="fff">fffffff</option>
    <option value="ffff">Select Supplier</option>
    <?php 
    $result = mysql_query("select * from item");
    while ($row = mysql_fetch_array($result)){?>
        <option value="<?php echo $row['item_name'];?>"><?php echo $row['item_name'];?></option>
    <?php } ?>
</select>
<div id="details">
    hii
</div>

Current output: update_item=fff&update_item=ffff&update_item=fdgdfgjkljklkj

Expected Output: fff,ffff,fdgdfgjkljklkj (implode post values).

Answer 1

You should define your HTML variable as an array ('update_item[]') and then serialize it so when you do:

var_dump($_POST['update_item'])

there will be an array data type, check:

<script>
$(document).ready(function() {

    $("#update_item").change(function (e) {   
        $.post("item.php", $(this).serialize(), function (data) {
            $('#details').html(data);
        });
    });  
});

</script>

<select name="update_item[]"  multiple="multiple" class="form-control" style="width:59%" id="update_item">
    <option value="fff">fffffff</option>
    <option value="ffff">Select Supplier</option>
    <?php 
    $result = mysql_query("select * from item");
    while ($row = mysql_fetch_array($result)){?>
        <option value="<?php echo $row['item_name'];?>"><?php echo $row['item_name'];?></option>
    <?php } ?>
</select>
<div id="details">
    hii
</div>

Hope it helps!