https://www.htmlquick.com/es/reference/tags/datalist.html
https://www.anerbarrena.com/demos/2013/05-html-form-datalist.php
https://developer.mozilla.org/es/docs/Web/HTML/Element/input#attr-list
https://developer.mozilla.org/es/docs/Web/HTML/Element/datalist

usada en bonos en referencias

trozos de código JS: no funcionaba nada de esto

            /*
            var options = $('#referencias option').clone();            
            var val1 = $(this).val(), filterOptions = val1 == '' ? options : options.filter('[value="SERXXXA (00466)"]');
            //val1= "SERXXXA  (00466)"
            //console.log ('val1:' + val1);
            //var val1 = options.filter('[value="SERXXXA (00466)"]');             
            $('#referencias').html('').append(filterOptions);
            //$('#referencias1').val( "SERXXXA (00466)" );             
            //$('#referencias option').attr('selected', false).find('[value="SERXXXA (00466)"]').attr('selected', true);
            */
            //$('#referencias_name').val( partes_referencia );/*********************************************** */

https://es.stackoverflow.com/questions/201887/seleccionar-segunda-columna-de-un-datalist +++++++++++++ poder haber usado una column oculta en el datalist con el id eal
https://www.it-swarm-es.com/es/javascript/mostrar-etiquetas-datalist-pero-enviar-el-valor-real/1051962101/

Pasar un array php a js

https://es.stackoverflow.com/questions/159218/como-recorrer-un-arreglo-de-php-en-javascript
http://www.forosdelweb.com/f13/leer-array-php-javascript-465335/

<?php
$arr = array ('a'=>1,'b'=>2,'c'=>3,'d'=>4,'e'=>5);
$data= json_encode($arr);
?>
<script>
eval('miObjeto =<?php echo $data ?>');
for(i in miObjeto){
alert(miObjeto[i]+'='+i)
}
</script>