0

Estoy atascado en esta problematica. No se como cargar los datos en el SELECT de html. estuve probando varias opciones, como hacerlo dentro del archivo html mediante un script o hacer por rutas al estar usando Noje.js, pero no logro realizarlo de ninguna manera. adjunto codigo y foto a ver si me pueden ayudar!.

Codigo HTML:

<div id="containerSelect" class="container mb-3">
  <select class="form-control" name="nacionalidad" id="nacionalidad"     disabled="disabled">
  </select>

Codigo JS (index.js)

// routes
app.use(require('./routes/index'));
app.use(require('./routes/authentication'));
app.use('/profile', require('./routes/personalInfo'));
app.use('/profile', require('./routes/paises'));

Codigo JS (paises.js)

const express = require('express');
const router = express.Router();
const pool = require('../database');

router.get('/personal-info', (req, res) => {
    document.getElementById('nacionalidad').addEventListener(
        'click', () => {
            const rows = pool.query('SELECT id,gentilicio FROM paises');
            console.log(rows);
            for (let i in rows) {
                document.getElementById('nacionalidad').innerHTML += "<option value='" + rows[i] + "'>" + rows[i] + "</option>";
            }
        });
    res.render('recibido')
});


module.exports = router;

Codigo JS (routes)

const express = require('express');
const router = express.Router();

router.get('/', (req, res) => {
    res.render('../views/index.html', { title: 'Index' });
});

router.get('/vuelos', (req, res) => {
    res.render('../views/vuelos.html', { title: 'Vuelos' });
});

router.get('/login', (req, res) => {
    res.render('../views/login.html', { title: 'Login' });
});

router.get('/register', (req, res) => {
    res.render('../views/registro.html', { title: 'Register' });
});

router.get('/profile/personal-info', (req, res) => {
    res.render('../views/perfil.html', { title: 'Profile' });
});

router.get('/profile/configuration', (req, res) => {
    res.render('../views/configuraciones.html', { title: 'Configuración' });
});

Captura de pantalla

14
  • Has probado retirando el disabled de aquí? <select class="form-control" name="nacionalidad" id="nacionalidad" disabled="disabled">
    – EvilFearzZ
    Commented el 5 jul. 2022 a las 14:51
  • Sisi, pero no cambió nada.
    – Dani Luna
    Commented el 5 jul. 2022 a las 14:59
  • Sencillamente al select colócale un value con un state que inicialmente esté vacio, y que con el hook useEffect de React consultas la información y llenas el estado
    – Weizman
    Commented el 5 jul. 2022 a las 15:01
  • No te entiendo, hasta ahora nunca use react!, podrías ser mas específico si se puede?
    – Dani Luna
    Commented el 5 jul. 2022 a las 15:04
  • Claro si es html puro en el archivo js debes de crear una función que llame la api y cargue los valores en su respectivo input, puede ser con un document.getElementById().value y al finalizar el archivo llamas la función
    – Weizman
    Commented el 5 jul. 2022 a las 15:04

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.