1

Soy algo nuevo en el mundo de la programación y tengo la siguiente duda en el siguiente contexto:

Estoy elaborando una pagina web donde uno podra ingresar con su cuenta de usuario y hacer publicaciones, comentar publicaciones de otros usuarios, etc. La duda que me surge es:

¿Como puedo hacer una barra de selección para que mis usuarios puedan seleccionar a que pais/ region pertenecen o bien, en que pais/ region buscan por ejemplo: una casa, empleo, lo que sea para agregar al formulario de registro de mi pagina web y como declararla en la base de datos de usuarios (creo que tendría que hacerla de nuevo) y en la pagina?

Gracias de antemano

Algo como lo de la imagen

1
  • 1
    Deberías modificar tu pregunta. Tu pregunta es muy abierta y podría contestarse con "usa un select", hace falta saber qué tienes pensado utilizar: algún framework de javascript para el front, qué utilizarás para el back: php, java, .net, etc.
    – MauCano
    el 15 may. 2018 a las 23:08

3 respuestas 3

1

Puedes usar la etiqueta select:

<select id="opciones">
    <option value="valor1"> Opcion 1</option>
    <option value ="valor2"> Opcion 2</option>
    <option value="valor3"> Opcion 3</option>
</select>

Y para obtener el valor de la opción que el usuario escogió con javascript se hace así:

var valor = document.getElementById("opciones").value;
1

Aumenta el Attribute 'multiple' a un select.

<select id="opciones" multiple >
    <option value="valor1">Opcion 1</option>
    <option value="valor2">Opcion 2</option>
    <option value="valor3">Opcion 3</option>
    <option value="valor3">Opcion 4</option>
    <option value="valor3">Opcion 5</option>
</select>

mas información en HTML multiple Attribute

0

Puedes utilizar la etiqueta Select de html y agregar la etiqueta optgroup para categorizar las opciones.

Espero te sirva

<select>
  <option value="0" style="display:none">Selecciones una opción</option>
  <optgroup label="España">
    <option value="1">Islas Canarias</option>
    <option value="2">Peninsula</option>
    <option value="3">Ceuta y Melilla</option>
  </optgroup>
  <optgroup label="Estados Unidos">
    <option value="4">New Yor</option>
    <option value="5">New Jersey</option>
    <option value="5">Massachusetts</option>
  </optgroup>
</select>

Tu Respuesta

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

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