Rails 3 questions question: Comment créer un "select" avec "Add New ..." option?

Question

Je voudrais créer une boîte select avec des marques existantes (par exemple Sony, Panasonic, etc.). En outre, je voudrais avoir Add New Brand option, de sorte que lorsque l'utilisateur clique sur cette option, un nouveau champ de texte apparaît.

Y at-il des méthodes d'aide dans Rails 3 qui font une telle chose, ou je dois implémenter moi-même en utilisant Javascript?

Answer 1

À ma connaissance, il n'y a pas de méthode d'assistance.

Voilà comment je le ferais dans JS:

document.getElementById('someSelectBox').onchange = function() { 
    if(this.selectedIndex != this.options.length -1) return; 
    var new_name = prompt('Please enter a name'); 
    if(!new_name.length) return; 
    var textbox = document.createElement('input'); 
    textbox.value = new_name; 
    this.parentNode.appendChild(textbox); //parentNode is presumably the form 
} 

Exemple de travail: http://jsfiddle.net/tCBqA/

Answer 2

Consultez les vidéos suivantes @ RailsCasts.com. Ryan Bates explique comment créer un formulaire imbriqué, puis utiliser jQuery ou Prototype pour ajouter et supprimer des champs dynamiquement. Ce n'est pas un match parfait pour votre question, mais devrait vous conduire dans la bonne direction. Si vous obtenez un code qui fonctionne bien, pensez à le poster sur cette question pour que tout le monde puisse le voir.

http://railscasts.com/episodes/196-nested-model-form-part-1

http://railscasts.com/episodes/197-nested-model-form-part-2