jQuery ajouter un formulaire d'entrée et de changement de nom de l'entrée

Je suis de la construction d'un formulaire de commande pour un photographe de mariage, afin que les clients peuvent commander les photos de l'intérieur de la client section de l'album de son site.

Invités entre 1 et 50 photos, donc je suis actuellement à l'aide de jQuery clone() fonction, qui fonctionne très bien.

Cependant j'ai aussi besoin de changer le nom de l'attribut de chaque entrée, chaque fois que j'en ajouter un, de sorte que la forme de traitement peut ramasser sur les nouvelles entrées.

name="picture-1"
add field
name="picture-2"

Personne ne sait si cela est possible?

Je crois que je peux utiliser addClass() chaque fois clone() est appelé, mais comment puis-je faire addClass() compter?

Merci

  • montrez votre jquery premier code
  • mieux utiliser <input name="picture[]" /> si côté serveur de la langue est PHP
  • Si vous êtes à l'aide de PHP sur le serveur.
InformationsquelleAutor eagleworks | 2011-05-05
  1. 5

    Vous venez de définir les name propriété de l'élément cloné. (à l'Aide de prop sur jQuery 1.6 ou supérieur; attr sur la 1.5.2 et ci-dessous. Ressemble attr fonctionne à la fois sur 1.5 et 1.6; prop aussi fonctionne sur 1.6 et au-dessus.)

    Mais notez que la façon dont les formulaires HTML de travail, c'est bien d'avoir plusieurs champs avec la même nom, elles sont envoyées au serveur, où votre code peut traiter la totalité d'entre eux (généralement de la technologie côté serveur que vous utilisez définit comme un tableau ou une liste).

    Exemple:

    HTML:

    <form id='theForm'>
  <input type='text' name='picture-1'>
  <input type='button' id='btnMore' value='+'>
</form>

    JavaScript à l'aide de jQuery:

    $('#btnMore').click(function() {
  var form, fields, newField;

  form = $("#theForm");
  fields = form.find("input[name^='picture-']");
  newField = $(fields[0]).clone();
  newField.attr('name', 'picture-' + (fields.length + 1));
  newField.insertAfter(fields.last());
});

    Vivre copie

    • Merci T. J. Crowder, je ne pensais même pas à l'aide de l'attribut.
    • Pas de soucis, content que cela a aidé.
    InformationsquelleAutor T.J. Crowder
  2. 1
    $('input[name^="picture-"]',pointertoform).length

    ...vous donnera le nombre de présents d'entrée avec un nom commençant par "image", vous pouvez utiliser ce numéro pour créer le nouveau nom.

    Mais je préfère la solution de diEcho commentaire.

    InformationsquelleAutor Dr.Molle
  3. 0

    essayez ceci ( code brut) 

    $(some_cloned_element).each(function(i, elem){
    var newName = "yay_i_love_my_new_name";
    if ($.browser.msie === true){ //evil browser sniffing *cries*
        $(elem).replaceWith(document.createElement(
            this.outerHTML.replace(/name=\w+/ig, 'name='+newName+'_'+i)
        ));
    } else {
        $(elem).attr('name',newName+'_'+i);
    }
    $("body").append(some_cloned_element);
});

    de vérifier lors de la i=50 et puis pause/sortie

    meilleure façon : nom de l'utiliser comme tableau comme name=picture[]

    Refernece

    InformationsquelleAutor diEcho