Tengo un campo de búsqueda de varios caracteres que obtiene datos de productos de WoocCommerce a través de AJAX y funciona correctamente.

Campo de búsqueda actual

Necesito dividir mi campo de búsqueda en cuadros de 6 dígitos, este es un ejemplo del formulario que podría usar:

 <form> <input type="number" name="abc" min="0" max="9"> <input type="number" name="abc" min="0" max="9"> <input type="number" name="abc" min="0" max="9"> <input type="number" name="abc" min="0" max="9"> <input type="number" name="abc" min="0" max="9"> <input type="number" name="abc" min="0" max="9"> </form>

¿Cómo puedo dividir la cadena de mi campo de búsqueda en varios campos de búsqueda de un solo dígito?

Mi código de front-end

 <input type="text" name="keyword" id="keyword" onkeyup="fetch()"> <div id="datafetch">Your numbers will show here</div> <script> function fetch(){ $.post('<?php echo admin_url('admin-ajax.php'); ?>', {'action':'my_action'}, function(response){ $('#datafetch').append(response); console.log(result); }); } </script>

Código en Funciones.php

 add_action('wp_ajax_data_fetch' , 'data_fetch'); add_action('wp_ajax_nopriv_data_fetch','data_fetch'); function data_fetch(){ $myquery = esc_attr( $_POST['keyword'] ); }