0

he buscando mucho pero no encuentro respuesta: tengo un div con 3 select diferentes (cada uno con su id), nececisto que al presionar un boton estos se clonen con un nuevo id. me a resultado lo de clonar pero al hacer clic en el select creado no hace nada, es importante que tengan id diferentes ya que despues necesito tomar los valores para guardarlos en una base de datos.

De antemano muchas Gracias

1
  • 3
    Mira Cómo preguntar para que tu pregunta sea mejor recibida. También, aprovecha y haz el recorrido de bienvenida para entender mejor cómo funcionamos y de paso obtener tu primera medalla! y como los clonaste?
    – gbianchi
    Commented el 16 ago. 2023 a las 0:26

1 respuesta 1

0

hola Jose quizá esto te sirva, se hace manejo del DOM y Bootstrap (lo puedes ver en las clases de las etiquetas.

En el botón debes poner una función tal que así:

onclick="asigSelect()"

En la función javascript puedes probar lo siguiente:

idSelect =0; //esta variable es la que te permite definir el identificador de cada selesct.

function asigSelect(){
    
    idSelect++;

    let divId = document.getElementById(id del div que creaste);

    let select = document.createElement("select"); 
    select.className = "form-control mt-2";
    select.placeholder = "Seleccione una opcion...";
    select.id = `select${idSelect}`; 
    
// acá puedes definir la cantidad de veces que deseas iterar, según la cantidad de veces que iteres, es la cantidad de opciones que crearás.

    for (let i = 0; i < 6; i++) {
        let option = document.createElement("option");
        option.value = `${i}`;
        option.text = `Opcion ${i}`;

        select.appendChild(option);
    }
    divId.appendChild(select);
}
1

Tu Respuesta

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

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.