Handling « autre » option dans la liste déroulante sélectionnez avec le champ de saisie de texte libre

Question

J'essaie de trouver la meilleure façon de gérer une liste déroulante où l'une des options « autre » montre un champ de texte caché (via jQuery), où l'utilisateur peut alors entrer du texte. Si les deux le menu déroulant et le champ d'entrée donner le même attribut « name », puis le code côté serveur exécute un contrôle sur les valeurs de chaque afin de savoir ce que l'on est la valeur active - par exemple si la valeur de la boîte de sélection est " autre », puis vérifiez la valeur du champ de saisie de texte - si ce n'est pas la valeur par défaut (" entrer le texte "), alors vous pouvez utiliser cette valeur et l'enregistrer dans la base de données. Est-ce une approche désordonnée à ce problème?

EDIT: ceci est mon code côté client pour afficher/cacher le champ « autre ».

$('.select_change').live("click change", function(){ 
      //check if value is other 
      $(this).parent().find(".hidden").toggle($(this).val() == 'other'); 
     }); 

Answer 1

Je pense que le chemin à parcourir est de vérifier si la valeur sélectionnée est égale à « Autre » et puis afficher/masquer l'entrée en fonction de la valeur.

Du côté du serveur, il effectuer une vérification similaire, et stocker la valeur de la zone de texte si la valeur de la liste déroulante est égale à « Autre ».

Je ne l'ai pas testé ce code, mais je pense que cela est l'idée générale:

$('#myDrpdown').change(function() { 
    if($(this).val() === "other"){ 
     $("#hiddenInput").show(); 
    } else { 
     $("#hiddenInput").hide(); 
    } 
});