Como adicionar a bandeira espanhola ao selecionar 'Castellano' em um formulário?

  • Autor Autor Dnatharix
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
D

Dnatharix

Curioso
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Estoy haciendo una web de películas y series. Ahora necesito insertar una imágen para cuando un usuario suba un enlace y seleccione "Castellano" aparezca la bandera española. El caso es que no se donde insertarlo y si estoy usando el código correcto.

Se supone que debe ir en la cuarta línea
HTML:
       <div class="form-group">
            <label for="link-label">{{ trans('stream::main.label') }}</label>
            <select name="link-label" class="form-control" data-bind="value: app.models.link.label">
                <option value="Castellano">{{ trans('Castellano') }}</option>


Estoy usando este código:

HTML:
<img src="https://cdn2.iconfinder.com/data/icons/flags_gosquared/32/Spain_flat.png">
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Hola,

esta sería tu solución:

HTML:
  <div class="form-group">
            <label for="link-label">{{ trans('stream::main.label') }}</label>
            <select name="link-label" class="form-control" data-bind="value: app.models.link.label">
                <option value="Castellano">
                  <! aquí tienes que insertarlo -->
                  <img src="https://cdn2.iconfinder.com/data/icons/flags_gosquared/32/Spain_flat.png"> {{ trans('Castellano') }}
                 </option>
 
Hola,

esta sería tu solución:

HTML:
  <div class="form-group">
            <label for="link-label">{{ trans('stream::main.label') }}</label>
            <select name="link-label" class="form-control" data-bind="value: app.models.link.label">
                <option value="Castellano">
                  <! aquí tienes que insertarlo -->
                  <img src="https://cdn2.iconfinder.com/data/icons/flags_gosquared/32/Spain_flat.png"> {{ trans('Castellano') }}
                 </option>

He probado ese mismo código pero no ha dado resultado. La imagen no se ve. El problema es que las imágenes no se pueden poner en <option>, necesito un método diferente ya sea usando <div>.
 
He probado ese mismo código pero no ha dado resultado. La imagen no se ve. El problema es que las imágenes no se pueden poner en <option>, necesito un método diferente ya sea usando <div>.

Prueba con esto:

HTML:
  <div class="form-group">
            <label for="link-label">{{ trans('stream::main.label') }}</label>
            <select name="link-label" class="form-control" data-bind="value: app.models.link.label">
                <option value="Castellano" style="bacground:url(https://cdn2.iconfinder.com/data/icons/flags_gosquared/32/Spain_flat.png);">
                  <! aquí tienes que insertarlo -->
                  {{ trans('Castellano') }}
                 </option>
 
Voltar
Topo