¿Cómo agregar la bandera española al seleccionar 'Castellano' en un formulario?

  • Autor Autor Dnatharix
  • Fecha de inicio Fecha de inicio
D

Dnatharix

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de 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">
 
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>
 
edalex dijo:
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>
Hacer clic para expandir...

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>.
 
Dnatharix dijo:
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>.
Hacer clic para expandir...

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>
 
Hay que estar conectado o registrado para responder aquí.
Atrás
Arriba