liste déroulante avec zone de liste déroulante

Question

Je remplis les options dans la liste déroulante à l'aide de la sortie mySQL. Ces valeurs de sortie sont classées et je ne souhaite conserver que les 20 premières valeurs sur 100. La plupart des utilisateurs sont intéressés par un seul de ces 20 éléments les plus importants. Parfois, un utilisateur peut vouloir regarder quelque chose qui est classé bas (21ème, 22ème ... article).

Je me souviens que j'ai vu cela sur un site web où, si l'option désirée n'était pas présente, une option était là "pas dans la liste". La sélection de cette option crée une zone de saisie dans laquelle un utilisateur peut écrire sa valeur.

Comment cette fonctionnalité peut-elle être atteinte? Suggestion de tout article pointant vers un problème similaire sera très appréciée.

Answer 1

En utilisant javascript, vous pouvez le faire assez facilement. Puisqu'aucun HTML a été fourni, j'ai fait un échantillon:

HTML:

<select id="test"> 
    <option value="0">Sample</option> 
    <option value="other">Other</option> 
</select> 

<input type="text" id="test2" style="display:none;"/> 

JS:

document.getElementById("test").onchange = function() { 
    var textbox = document.getElementById("test2"); 

    if (this.value == "other") { 
     textbox.style.display = "block"; 
    } else { 
     textbox.style.display = "none"; 
    } 
} 

Démo: http://jsfiddle.net/DtRhk/