DataTables Jquery como obtener etiqueta

asassa · #1 (**permalink**) 07/11/2014, 13:19

Hola, Mi problema radica en que quiero tomar contenido de las etiquetas <td></td> generadas por DataTables con una función de Javascript (esta función toma el valor del la etiqueta td y la envia a un input ), pero no he tenido exito.
He leido que tienq ue ver por que las etiquetas se generan dinamicamente. pero no he encontrado como lograrlo de manera adecuada. este es el código que estoy manejando.

Código PHP:

  </head>

<body>

<div class="container">

  <div class="header"><a href="#"><img src="" alt="Insertar logotipo aquí" name="Insert_logo" width="180" height="90" id="Insert_logo" style="background-color: #C6D580; display:block;" /></a> 

    <!-- end .header --></div>

  <div class="sidebar1">

    <ul class="nav">

                    <li>

 
 <p>

<section>

        <table id="busqueda1">

            <thead>

                <tr>

                    <th>nombre</th>

 <script>

[].forEach.call(document.getElementsByTagName("tr"), function(element){

    element.addEventListener("click",function(){

        document.getElementById("busqueda1").value = this.innerHTML;

    });

});

</script>

                </tr>

            </thead>

        </table>

   

 
    </section>  

               

         </li>

           <li>

            este es oatra recuadro

           </li>          

    </ul>

    <p>

</p>

    <!-- end .sidebar1 --></div>

  <div class="content">

 
    <h1>Instrucciones</h1>

    <meta charset="UTF-8">

    <title></title>

    

</head>

<body>

    

        <section>

<table id="busqueda2">

    <thead>

        <tr>

        <th>Id</th>

        </tr>

    </thead>

</table>

    

</body>

</html>

y esta es la funcion js que genera el contenido

Código PHP:

  $(document).ready(function() {

    $.ajax({

            url: './include/process.php',

            type: 'post',

            data: { tag: 'getData'},

            dataType: 'json',

            success: function (data) {

                if (data.success) {

                    $.each(data, function (index, record) {

                        if ($.isNumeric(index)) { 

                            var row = $("<tr />");

                            $("<td/>").text(record.Id).appendTo(row);

                            row.appendTo("#busqueda1");

                        }

                    })

                }

                $('#busqueda1').dataTable({

                    "bJQueryUI": true,

                    "sPaginationType": "full_numbers"

                })

            }

        });

})

Como serultado del datatable me sale esto

Código PHP:

  <table aria-describedby="busqueda1_info" class="dataTable" id="busqueda1">

  <thead>

    <tr role="row">

      <th aria-label="nombre: activate to sort column descending" aria-sort="ascending"

      style="width: 151px;" colspan="1" rowspan="1" aria-controls="busqueda1" tabindex="0"

      role="columnheader" class="ui-state-default">

        <div class="DataTables_sort_wrapper">

          nombre

          <span class="DataTables_sort_icon css_right ui-icon ui-icon-triangle-1-n">

          </span>

        </div>

      </th>

    </tr>

  </thead>

  <tbody aria-relevant="all" aria-live="polite" role="alert">

    <tr class="odd">

      <td class="  sorting_1">

        ROBERTO

      </td>

    </tr>

    <tr class="even">

      <td class="  sorting_1">

        CARLOS

      </td>

    </tr>

    <tr class="odd">

      <td class="  sorting_1">

        JUAN

      </td>

    </tr>

    <tr class="even">

      <td class="  sorting_1">

        CVE_T_POBLACION

      </td>

    </tr>

    <tr class="odd">

      <td class="  sorting_1">

        LUCAS

      </td>

    </tr>

    <tr class="even">

      <td class="  sorting_1">

        SIT_BANCO

      </td>

    </tr>

    <tr class="odd">

      <td class="  sorting_1">

        ASBERTO

      </td>

    </tr>

    <tr class="even">

      <td class="  sorting_1">

        RODRIGO

      </td>

    </tr>

    <tr class="odd">

      <td class="  sorting_1">

        PONCHO

      </td>

    </tr>

  </tbody>

</table>

Lo que necesito es que la contenido de las etiquetas td (LOS NOMBRES)puedan ser enviadas al input que necesite.

asassa · #2 (**permalink**) 07/11/2014, 18:22

ahi ta tu solución ahijado

$('#busqueda1').on("click", 'td', function(element) {
document.getElementById("busqueda2").value = this.innerHTML;
});