jQuery besoin pour définir la valeur de la variable à partir de la valeur d'un formulaire de saisie de la boîte de

Je suis à la recherche pour saisir la valeur d'un formulaire de saisie.

Je pense que mon problème est sur cette ligne:

    var vid = $(this).next(".pid").val();

J'ai besoin d'envoyer la valeur de la zone de saisie nommé " pid "à une page php, cependant, il existe plusieurs formes sur la page, le tout avec des boîtes d'entrée nommée "pid". Quand je me contente d'avoir:

next(".pid").val();

la valeur envoyée est à partir d'un autre formulaire sur la page.

Edit:
Tout ce que je suis vraiment essayer de faire est de définir la "data" pour être un tableau de toutes les données dans le formulaire. Donc, si il ya une meilleure façon de définir le "formdata" à la variable id de la forme, ce serait trop de travail.

Ci-dessous est la fonction jQuery:

$(".varSel").live("change", function(){
    var vid = $(this).next(".pid").val();
    var formdata = $('form#addToCart'+ vid).serialize();
    $.ajax({
        type: "POST",
        url: "library/varPrice.php",
        data: formdata,
        success: function(html){
        $('.price').html(html);
      }
    });
});

EDIT:

Ci-dessous est une forme:

<form name='addToCart' id='addToCart99' action='cart.php?action=add' method='post'>
    <ul class='vars' id='varlist_p99'>
        <li>
        <label for="color">color</label> 
        <select id="color" name="color" class='varSel'>
            <option>blue</option>
            <option>green</option>
            <option>red</option>
        </select>
        </li>

        <li>
        <label for="size">size</label> 
        <select id="size" name="size" class='varSel'>
            <option>large</option>
            <option>small</option>
        </select>
        </li>

        <li>
            <div class='price'>
                $$
            </div>
        </li>

        <li>
                <input type='hidden' value='99' name='pid'> 
                <input type='submit' class='buynow' value=''>
        </li>
    </ul>
</form>
  • pouvez-vous poster une partie de votre code HTML? qui pourrait l'aider
  • oui. Le balisage est nécessaire de connaître les DOM structure. Puisque vous utilisez next() DOM structure est essentiel de savoir si cela va fonctionner.