使用javascript捕获多个值选择多个[重复]答案

【问题标题】：Capture multiples values select multiple with javascript [duplicate]使用javascript捕获多个值选择多个[重复]
【发布时间】：2014-12-04 09:18:42
【问题描述】：

我的问题很简单，但我无法解决，基本上需要捕获一个字段“选择多个”的值。代码是要点。

Gist Code

<script type="text/javascrit">
function newsletter_send( name, email, category register ) {
    jQuery.ajax({
        type: "POST",
        url: alm_localize.ajaxurl,
        data: {
            action      : "newsletter_register", /// function for register data in DB.
            user_name   : name,
            user_email  : email,
            user_category   : category, // Here you can find the values of the select
            user_register   : register
        },
        success: function(data, textStatus, XMLHttpRequest) {
            if( email !== "" && name !== "" && register !== "" ) {
                $( "#newsletter_form" ).find("#feedback").html("<span class='success'Seu email foi registrado com sucesso!</span>");
            }
            $( "#newsletter_form" ).find( ".form_loading" ).removeClass( "show" );
        //  _newsletter_reset(); // reset values form
        },
        error: function(MLHttpRequest, textStatus, errorThrown) {
            $( "#newsletter_form" ).find("#contactResponse").html("<span class='error'>Algo deu errado, tente novamente mais tarde.</span>");
            $( "#newsletter_form" ).find( ".form_loading" ).removeClass( "show" );
        }
    });
}
</script>

<!--  THIS HTML -->

<select id="user_category" name="user_category[]" class="user_category" multiple="">
    <option selected="selected">Selecione uma categoria</option>
    <option value="4">NotÃcias</option>
    <option value="6">Santa Catarina</option>
    <option value="5">SaÃºde</option>
    <option value="1">Sem categoria</option>
</select>

<?php

// yeah, i use wordpress :p

/*
 * Function for register data in mysql
 */

function newsletter_register() {

    $user_email = $_POST["user_email"];
    $user_name  = $_POST["user_name"];
    $user_category  = implode(',', $_POST["user_category"]);
    $user_register  = $_POST["user_register"];

    global $wpdb;

    if(
        isset( $user_name )
        || isset( $user_email )
        || isset( $user_category )
    ) {
        $wpdb->insert( $wpdb->prefix . "newsletter", array(
            "user_name" => $user_name,
            "user_email"    => $user_email,
            "user_category" => $user_category,
            "user_register" => $user_register
        ));
    }
}

add_action( "wp_ajax_nopriv_newsletter_register", "newsletter_register" );
add_action( "wp_ajax_newsletter_register", "newsletter_register" );
?>

为简单起见。

【问题讨论】：

标签： javascript php jquery ajax forms

【解决方案1】：

$('select').val() 将在 select 为 multiple 时返回一个数组。

来自val() API Docs:

在选择元素的情况下，当没有选择任何选项时它返回null，当至少有一个选项时返回一个包含每个选定选项的值的数组，并且可以选择更多，因为存在multiple属性。

例子：

$(function() {
  $('textarea').val(JSON.stringify($('select').val()));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select multiple>
  <option value="1" selected>Item 1</option>
  <option value="2">Item 2</option>
  <option value="3" selected>Item 3</option>
  <option value="4">Item 4</option>
  <option value="5">Item 5</option>
  <option value="6" selected>Item 6</option>
</select>
<br>
<br>
<textarea></textarea>

【讨论】：