entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

2votos

Asignar Valores a textboxt mediante jquery

Buenas colegas tengo un consulta tengo un tabla y un button el cual me genera un row mediante javascript pero esta textbox genera quisiera asignarle valores como tamaño y id etc etc

HTML

    <style type="text/css">
        #form1 {
            width: 886px;
            height: 267px;
        }
    </style>
</head>
<body style="height: 402px">

    <form id="form1" runat="server">

        <table id="dataTable" runat="server" width="350px" border="1">

            <tr>
                <td class="tg-dx8v">Otros Estudios:</td>
                <td class="tg-rg0h" colspan="5">(Idioma / Computación / Otros)</td>
            </tr>
            <tr>
                <td class="tg-dx8v" rowspan="7"></td>
                <td class="tg-dx8v" colspan="5">
                    <input type="button" value="Add Row" onclick="addRow('dataTable')" />&nbsp;&nbsp;&nbsp; Ingrese Nueva Fila </td>
            </tr>
            <tr>
                <td class="tg-yw42" colspan="5">
                    <asp:TextBox runat="server" ID="txtotroestudios" CssClass="bordes" Width="803px"></asp:TextBox></td>
            </tr>

        </table>
    </form>
</body>
</html>

JAVASCRIPT

    <script type="text/javascript">
        function addRow(tableID) {

            var table = document.getElementById(tableID);
            var rowCount = table.rows.length;
            var row = table.insertRow(rowCount);

            var cell1 = row.insertCell(0);
            var element1 = document.createElement("input");
            cell1.appendChild(element1);

            var cell3 = row.insertCell(2);
            var element2 = document.createElement("input");

            element2.type = "text";

            cell3.appendChild(element2);

        }

    </script>

2 Respuestas

1voto

Leonardo-Tadei Puntos227320

Hola @IronHeart,

si bien tu pregunta menciona JQuery, en tu código no se ve que lo estés usando, ya que todo está escrito en JavaScript puro, o "JavaScript vanila".

Para agregar atributos a un elemento creado con createElement(), se hace así:

...
var element1 = document.createElement("input");
element1.name = "nombre";
element1.value = "un valor";
element1.type = "text"; // o password/hidden/etc
element1.id = "mi_id";
element1.className = "decoracion";
element1.size = 20; // pero es mejor asignar tamaño con la clase
cell1.appendChild(element1);
...

Saludos cordiales!

0voto

IronHeart comentado

gracias @Leonardo-Tadei me sirvio de mucho tu respuesta !!

0voto

Leonardo-Tadei comentado

Por nada!

Luego de un tiempo, seleccioná la respuesta que más te sirva, así tu pregunta queda marcada como solucionada y sirve de ayuda para otros con problemas similiares.

0voto

Zenok Puntos460

No he entendido muy bien tu problema, imagino que quieres saber como modificar los atributos de un input con jQuery ¿No? Porque tu código es Javascript y no tiene nada que ver con jQuery.

Si es así, necesitarás pasarle a la función addRow() los valores que necesitas, y luego tienes la función .attr() de jQuery para modificar los atributos de un elemento.
Ej:

$('input').attr('id', 1234);

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta