jQuery pour sérialiser sélectionné la valeur de l'option, pas l'étiquette

Question

J'ai un contrôle de sélection:

<select name="AdditionalCategory"> 
    <option value="1">Category 1</option> 
    <option value="2">Category 2</option> 
</select> 

J'utilise ensuite jQuery pour envoyer la demande AJAX, sérialisation forme:

$.post("../../d/up.php",$("#main").serialize(), 
      function(data){ 

Mais, si je choisis Catégorie 1 par exemple, la fonction serialize() sérialise l'étiquette, pas la valeur de l'option. Ainsi, la demande serait up.php/?AdditionalCategory=Category 1

Est-il possible de dire la fonction d'envoyer la valeur, comme celui-ci: up.php/?AdditionalCategory=1

Answer 1

Il devrait fonctionner correctement, mais il y a une légère erreur dans votre formulaire HTML qui est la fermeture étiquette de <option> vous avez est </value> qui devrait être </option> à la place.

Vérifiez le code de travail ci-dessous:

$(function() { 
 

 
    $("#but").click(function() { 
 
    console.log($("#main").serialize()); 
 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="main"> 
 
    <select name="AdditionalCategory"> 
 
    <option value="1" selected>Category 1</option> 
 
    <option value="2">Category 2</option> 
 
</select> 
 
</form> 
 

 
<button id="but">Click me</button>