Skip to main content
Se agrega un ejemplo sobré como obtener el valor mientras se busca
Origen Enlace

Puedes obtener el valor del input de la siguiente forma:

const table = $('#example').DataTable();
table.search();

A continuación, te dejo un ejemplo sobre como obtener el valor mientras se está buscando.

$(document).ready(function() {
  const $dt = $('#myTable').DataTable();
  
  $dt.on('search.dt', function(e) {
    $('#info').html('Texto buscado: ' + $dt.search());
  });
});
#info {
  background-color: red;
  padding: 1rem;
  margin: 1rem 0;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="//cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<link href="//cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css" rel="stylesheet"/>


<div id="info"></div>

<table id="myTable" class="display" style="width: 100%">
  <thead>
    <tr><th>Column 1</th><th>Column 2</th></tr>
  </thead>
  <tbody>
    <tr><td>Row 1 Data 1</td><td>Row 1 Data 2</td></tr>
    <tr><td>Row 2 Data 1</td><td>Row 2 Data 2</td></tr>
  </tbody>
</table>

Puedes obtener el valor del input de la siguiente forma:

const table = $('#example').DataTable();
table.search();

Puedes obtener el valor del input de la siguiente forma:

const table = $('#example').DataTable();
table.search();

A continuación, te dejo un ejemplo sobre como obtener el valor mientras se está buscando.

$(document).ready(function() {
  const $dt = $('#myTable').DataTable();
  
  $dt.on('search.dt', function(e) {
    $('#info').html('Texto buscado: ' + $dt.search());
  });
});
#info {
  background-color: red;
  padding: 1rem;
  margin: 1rem 0;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="//cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<link href="//cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css" rel="stylesheet"/>


<div id="info"></div>

<table id="myTable" class="display" style="width: 100%">
  <thead>
    <tr><th>Column 1</th><th>Column 2</th></tr>
  </thead>
  <tbody>
    <tr><td>Row 1 Data 1</td><td>Row 1 Data 2</td></tr>
    <tr><td>Row 2 Data 1</td><td>Row 2 Data 2</td></tr>
  </tbody>
</table>

Origen Enlace

Puedes obtener el valor del input de la siguiente forma:

const table = $('#example').DataTable();
table.search();