Hacer de entrada html oculto visible

Quiero cambiar un invisible html de la entrada en visible cuando hago clic en un botón, como se muestra a continuación.
Mi html línea que crear la entrada oculto es:

<input type="hidden" id="txtHiddenUname" value="invalid input" />

mi java script para cambiar la visibilidad es

var y = document.getElementById("txtHiddenUname");
y.style.display= "inline";

Pero este no pudo hacer el elemento oculto para ser visible. Alguna idea?

  • Usted tiene que cambiar el valor a «de entrada válido», de lo contrario es todavía válida ?
InformationsquelleAutor kona | 2013-07-14

3 Kommentare

  1. 6

    Debe cambiar el tipo de elemento de entrada como :

     y.setAttribute('type','text'); 
     //or
     y.type = 'text';

    1) Cualquiera de usuario de java script dentro de la etiqueta body de la siguiente manera :

    <input type="hidden" id="txtHiddenUname" value="invalid input" />
    
    <script type="text/javascript">
    var y = document.getElementById("txtHiddenUname");
    y.type= "text";
    </script>

    O

    2) el Uso de algunos de controlador de eventos tales como onload

    <head>
    <script type="text/javascript">
    function on_load(){
        var y = document.getElementById("txtHiddenUname");
        y.type= "text";
    }
        </script>
    </head>
    
    <body onload = "on_load()">
    
    <input type="hidden" id="txtHiddenUname" value="invalid input" />
    
    ...

    para que el DOM esté listo.

    • Lo he probado y de hecho lo hace el texto a la vista. pero la visibilidad queda para milisegundos y se vuelve al modo invisible.
    • el uso de este código después de algunos eventos de la real ocurre sobre algún elemento , como el clic de botón o algo más.
  2. 0
    <input type = "hidden", id = "abbriv", value = "Some Random Text"/>
    
    <script>
            function f1()
            {
                var x = document.getElementById("abbriv").value;
                document.getElementById("demo").innerHTML = x;
            }
        </script>
    • Sírvanse proporcionar alguna explicación respecto a su respuesta en cuanto a exactamente lo que sucede, de modo que cuando alguien lee esto, tienen una clara/mejor comprensión.

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea