Tengo un cliente que quiere una función específica y todavía soy nuevo en javascript, así que estoy tratando de encontrar una manera de hacerlo posible.
Cuando un usuario accede por primera vez al sitio web, se le pedirá que especifique su función. Tendrán las opciones de comprador, vendedor o agente. En una página de contacto separada, tendremos un bloque de formulario. Sin embargo, queremos tener 3 formularios diferentes según el rol específico del usuario.
Por ejemplo, si indicó que es un comprador, verá un formulario específico para él. Si indicaron que son vendedores, verán el formulario específico del vendedor en la página de contacto.
¿Es esto posible y cuál sería el mejor método para hacerlo?
Puede crear 3 formularios ocultos y cambiar la visibilidad según el cambio de selección de roles con una función.
o mejor use AJAX para cambiar la etiqueta de formulario innerHTML de acuerdo con sus requisitos. cree 3 archivos html separados (form1.html, form2.html, form3.html) y agregue sus entradas para cada formulario. En el archivo principal, use ajax para cargar los formularios.
<select onchange="loadForm(this.value)"> <option value="">select a role</option> <option value="form1">Salse</option> <option value="form2">Admin</option> <option value="form3">Customer</option> </select> <form action="" id="form">Select a role Please</form> <script> function loadForm(formName) { if(role !=""){ var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("form").innerHTML = this.responseText; } } xhttp.open("GET", formName+'.html', true); xhttp.send(); }else{ document.getElementById("form").innerHTML = "Select a role Please" } }; </script>Si no desea que nadie pueda manipular sus formularios, puede agregar/agregar o eliminar su formulario html mediante javascript para que los formularios no estén fácilmente disponibles con pocas manipulaciones del sitio web.