select option, dos resultado en la misma linea

¡Hola Luis!

Gracias por tu pregunta y por compartir el código y la imagen adjunta.

Para mostrar los valores en forma de lista en tu select-option, debes eliminar la etiqueta <td> dentro de la opción y solo dejar el contenido del item. Aquí tienes el código corregido:

<div class="container">
    <select class="form-select" aria-label="Default select example">
        <option selected>Open this select menu</option>
        <option id="table_data1" value="1">One</option>
    </select>
</div>

fetch('listar.php')
.then(res=>res.json())
.then(data=>{
    let str = '';
    data.map(item => {
        str += `<option>${item.idUser} ${item.nombreUser}</option>`;
    });

    document.getElementById("table_data1").innerHTML = str;
    console.log(data);
});

Con estos cambios, los valores de item.idUser y item.nombreUser se mostrarán correctamente en el select-option como una lista.

¡Saludos!

Buena tarde estimado Bruno. Realice las correcciones, pero sin si poder ver las lista en el option. Le adjunto imagen del codigo.

Saludos.

Buena noche, estimado, me puede apoyar quiero tomar el primer elemento del array para evaluarlo, pero no consigo traerlo a pagina.js, me puede apoyar.