Remplacer un menu déroulant par un menu texte en javascript

J'essaie de remplacer un menu déroulant que j'ai avec un champ de texte si quelqu'un choisit l'option "autre". À l'heure actuelle, dans mon code, je l'ai remplacé par un élément de paragraphe parce que je suis trop paresseux pour trouver les arguments exacts du constructeur pour configurer un champ de texte. Cependant, lorsque «autre» est sélectionné, rien ne se produit.

Est-ce que quelqu'un sait ce qui ne va pas avec ça?

  • XMLHttpRequest status 0 (responseText est vide)
  • Typeof pour RegExp
  • Récupérer le fragment (hash) d'une URL et injecter les valeurs dans le bean
  • Compilation d'actifs lents en mode développement
  • Forme sans action et où enter ne recharge pas la page
  • JavaScript: Une virgule peut-elle se produire après le dernier ensemble de valeurs dans un tableau?
  • <html> <head> <script type="text/javascript"> function testfunc(arg) { if(arg.value == "other") { document.thing.replaceChild(document.test, document.thing.selection) } else { alert("stuff") } } </script> <body> <form name="thing"> <select name="selection" onchange="testfunc(document.thing.selection.options[document.thing.selection.selectedIndex])"> <option>yes</option> <option>no</option> <option>other</option> </select> </form> <p name="test">lkjsdf</p> </body> </html> 

  • AngularJS injecte un problème avec Angular Bootstrap modal
  • Texte du centre (texte proportionnel) dans un canevas HTML5
  • La demande de publication CORS échoue
  • Variante de $ httpProvider.responseInterceptors
  • AngularJS: Comment valider la date au format américain?
  • Comment sélectionner: après l'élément en utilisant jquery
  • 3 Solutions collect form web for “Remplacer un menu déroulant par un menu texte en javascript”

    La fonction devrait être comme ça! Les autres, pas les autres! C'est sensible à la casse (sur linux de toute façon … pas sûr d'autres os) Sinon, merci … été à la recherche de ce … cool mode de show / hide

     <script type="text/javascript"> function show_txt(arg,arg1) { if(document.getElementById(arg).value=='Other') { document.getElementById(arg1).style.display="block"; document.getElementById(arg).style.display="none"; } else { document.getElementById(arg).style.display="block"; document.getElementById(arg1).style.display="none"; } } </script> 
     function show_txt(arg,arg1) { if(document.getElementById(arg).value=='other') { document.getElementById(arg1).style.display="block"; document.getElementById(arg).style.display="none"; } else { document.getElementById(arg).style.display="block"; document.getElementById(arg1).style.display="none"; } } 

    Le code HTML ici:

     <select id="arg" onChange="show_txt('arg','arg1');"> <option>yes</option> <option>No</option> <option>Other</option> </select> <input type="text" id="arg1" style="display:none;"> 

    Hé, j'ai vu votre code, vous avez besoin d'une certaine pratique,

    Vous avez oublié de fermer Tagh. Deuxièmement, utilisez toujours les ID au lieu des noms. Troisièmement, un formulaire ne peut pas accéder à <p> tagh. Quatrièmement, vous ne pouvez pas accéder à d'autres éléments que la forme, en utilisant les préfixes de formulaire. Cinq, vous pouvez créer <p> tagh dynamicaly ou le sélectionner sur la page avec l'affichage aucun. Vérifiez mon code. Aussi, ce que vous pouvez faire pour le générer dynamiquement.

    Var newP = document.createElement ("p"); Var txt = 'lkjsdf'; Var newT = document.createTextNode (txt); NewP.appendChild (newT);

     <html> <head></head> <script type="text/javascript"> function testfunc(arg) { if(arg.value == "other") { document.thing.removeChild(document.thing.selection); document.getElementById('testText').style.display='inline'; } else { alert("stuff"); } } </script> <body> <form name="thing"> <select name="selection" onchange="testfunc(document.thing.selection.options[document.thing.selection.selectedIndex])"> <option>yes</option> <option>no</option> <option>other</option> </select> <p id="testText" style="display:none">lkjsdf</p> </form> </body> </html> 
    JavaScript rend le site Web intelligent, beauté et facile à utiliser.