select2 multi-uniquement la valeur de l'envoi d'une valeur dans le POST

Voici un extrait de mon code:
http://jsfiddle.net/natatkinson/xbWEb/

Javascript:

$(document).ready(function () {
    $("#tags").select2({
        maximumSelectionSize: 3
    });

});

HTML:

<form name="form1" id="form1" action="" method="GET">
<fieldset>
    <legend>Shoe Info</legend>
    <dl>    <dt>Name:</dt>

        <dd>
            <input type="text" name="name" id="name" size="40" placeholder="Shoe name" required autofocus>
        </dd>
    </dl>   <dt>Tags:</dt>

    <dd>
        <select multiple="" name="tags" id="tags" style="width:100%;">
            <option value="0">Select Tags</option>
            <option value="2">racing flat</option>
            <option value="3">track spikes</option>
            <option value="1">trainer</option>
        </select>
    </dd>
    </dl>
</fieldset>
<p class="submit-buttons">
    <input type="submit" class="button1" name="submit" id="submit" value="Add Shoes" />
</p>

Tout ce qui soumet est 1 valeur, pas une liste séparée par des virgules comme le dit la documentation.

  • ont u essayé d'utiliser les balises[]" comme nom?
  • Si je fais une demande auprès de 3 balises de liste, je vois la suite que l'URL de la requête: /?name=abc&tags=0&tags=2&tags=3&submit=Add+Shoes
  • Ça y est! Je vais aviser l'auteur de mettre à jour leur documentation. Ne peux pas croire que je n'ai pas testé plus tôt. Merci
InformationsquelleAutor Nate Atkinson | 2013-10-18
  1. 79

    Vous devez utiliser [] pour plusieurs valeur contenue formulaire de contrôle du nom.
    Correct en utilisant à fond:

    <select multiple="" name="tags[]" id="tags" style="width:100%;">
    • Merci. Que faire si je veux la chaîne séparée par des virgules de l'option sélectionnée?
    • Regardez la nouvelle réponse, j'espère que cela peut vous aider.
    InformationsquelleAutor Ahmet Erkan ÇELİK
  2. 2

    Je pense que vous ne pouvez pas obtenir de données chaîne de select2 directement, vous devez ajouter un caché d'entrée, et de soumettre le caché d'entrée de la valeur de param.

    <input type="hidden" name="tags" id="tags"></input>
<select multiple="" style="width:100%;" onchange="changeSelect(event)">
  <option value="0">Select Tags</option>
  <option value="1">trainer</option>
</select>
function changeSelect(event){
  var select2Value = $(event.target).val();
  $("tags").val(select2Value);
}
    InformationsquelleAutor Frank