jQuery addClass example

Change class name on click in jQuery

by Sebastian Cordoba

HTML

<div id="select-filtro">
                <select id="filtro-combinado" name="avanzado">
                    <option value="palabra">Palabra Clave</option>
                    <option value="autor">Autor</option>
                    <option value="institucion">Institución Participante</option>
                    <option value="fecha">Año</option>

                </select>
       

                <input id="campo2" name="campo2" placeholder="Ingrese un término para realizar la búsqueda" style="width:60%;  border: 1px solid #999;  height: 22px; border-radius: 6px; margin:7px 0; padding: 9px 16px;" type="text" required="">
<b id="add">+</b>

JavaScript

// handle click and add class
$("#add").on("click", function(){
 this.append(`<div id="select-filtro">
                <select id="filtro-combinado" name="avanzado">
                    <option value="palabra">Palabra Clave</option>
                    <option value="autor">Autor</option>
                    <option value="institucion">Institución Participante</option>
                    <option value="fecha">Año</option>

                </select>
       

                <input id="campo2" name="campo2" placeholder="Ingrese un término para realizar la búsqueda" style="width:60%;  border: 1px solid #999;  height: 22px; border-radius: 6px; margin:7px 0; padding: 9px 16px;" type="text" required="">
<b id="add">+</b>`);
})