¿Como dar estilo al primer ítem seleccionado desde un Combobox con Vuetify?

Buen día comunidad les comento, estoy intentando agregar un estilo al primer ítem que se selecciona a través de un Combobox Component usando Vuetify, recordando que siempre y cuando los demás items mantengan sus estilos, solo se dará estilo al primer ítem que se selecciona, y resaltando que no importa el orden que se selecciona los items, siempre se dará un estilo al primer ítem seleccionado.

Llevo un avance en lo cual, solo realizó modificaciones de estilos usando solo CSS, pero tengo un poco el conocimiento que también interviene Javascript para obtener el primer ítem, hasta ahora no tengo idea de como lograr eso.

Muestro la imagen, donde espero aplicar la solución: Avance del problema

Como se aprecia, a través de CSS logro dar estilos a los items, pero no es lo que espero, porque aplica estilos a todo los items seleccionados.

Muestro el fragmento de código de la estructura del Componente Combobox:

<v-combobox    class="specialitySelect"    v-model="speciality"    :items="especialidad_items"    suffix="Especialidad"    menu-props="auto"    color="deep-purple darken-1"    multiple    single-line    hide-details    chips    box    ></v-combobox> 

Código CSS para dar estilos a los items del Lista de especialidades:

.v-menu__content .v-select-list .v-list .v-list__tile--active:first-child {   background: yellow; } 

Espero de su grata ayuda.

Mostrar Tab Seleccionado Javascript

Estoy trabajando con tabs en mi pagina web, busco que al cargar mi pagina muestre el tab seleccionado, lo que logre fue que el tab quede seleccionado sin embargo no me muestra la información que tiene espero y me puedan apoyar, basicamente lo que busco es que al cargar mi pagina muestre la información del tab seleccionado

 var actualMonth = new Date().getMonth();         var monthLink = document.getElementById("mes" + actualMonth);         monthLink.classList.add("active");     

p-dropdown no muestra el item seleccionado

estoy migrando mis “select” a “p-dropdown” para una mayor fluidez y consigo cargar la lista de items correctamente, pero a la hora de mostrar los datos guardados en BBDD no se me selecciona el item que le paso por ng-model.

Es decir, creo un nuevo Pedido, y para señalar el Municipio al que corresponde ese pedido hay un “p-dropdown” que carga los municipios correctamente. relleno los datos (seleccionando el municipio etc) y lo guardo. Luego, cuando entro al pedido, se cargan todos los datos correctamente excepto el Municipio, que selecciona el primer elemento del dropdown en vez del que he seleccionado antes.

En BBDD lo he comprobado y el municipio se guarda correctamente.

pedidos.ts

Ejemplo de como se cargan los datos para el pedido seleccionado “pedidoSeleccionado”

{   ...   IdMunicipio: 5,   MunicipioNombre: "Melilla",   ... } 

pedidos.html

<p-dropdown [options]="municipios" [(ngModel)]="pedidoSeleccionado.IdMunicipio" optionLabel="Nombre" (onChange)="cambioMunicipio($  event.value);"></p-dropdown> 

esto me funcionaba correctamente cuando lo aplicaba al select, pero aqui se me esta haciendo imposible… ¿Alguna sugerencia?

gracias de antemano

Alternativa para el evento onchange una vez seleccionado el mismo valor

Hola tengo dos select estos funcionan con el evento onchange pero quiero que al volver al seleccionar el mismo valor del select me vuelva a ejecutar la funcion… ej: si en el select consulta seleccione el valor “prevision” me muestra el console.log con el texto pero al seleccionar nuevamente el valor no mostraria nada pq nada cambia… que evento puedo utilizar para esto, o que podria hacer.. Gracias de antemano

window.addEventListener('load', function () {   //Declaramos la variable global   let annoSeleccionado = "";   //valor del anno en en select   const selectAnno = document.getElementById("annos");    selectAnno.addEventListener('change', function () {      annoSeleccionado = parseInt(this.options[selectAnno.selectedIndex].value);     console.log(annoSeleccionado);   });    //selecciono el select de valores   var valorseleccionado = document.getElementById('select');    //tomo el valor del select cuando cambie y muesto los datos de interes   valorseleccionado.addEventListener('change', function () {     const opcion = this.options[select.selectedIndex].value;     //de nuevo podemos acceder a la variable sin problemas     console.log('Se ha seleccionado la combinación', annoSeleccionado,'y', opcion);        });    });
<div>     <div class='elementos'>       <label for="SelAnno">Anno</label>       <select name='SelAnno' id='annos'>       <option value="-1">Selecciona Año</option>         <option value="2019">2019</option>         <option value="2018">2018</option>         <option value="2017">2017</option>       </select>   </div> </div> <div>     <div class='elementos'>       <label for='pruebas'>Consulta</label>       <select name="pruebas" id="select">         <option>Selecciona</option>         <option value="1">Prevision</option>         <option value="2">Otros datos</option>       </select>     </div>     <div class='menulateral ' id='lateral'>      </div> </div>

Mostrar valor seleccionado de checkbox en vista edit.blade

tengo un problema al visualizar las opciones marcadas en checkbox dentro de la vista edit.blade, no se muestra ningún valor marcado previamente seleccionado al crear un registro en la vista create.blade

Aquí dejo el código del checkbox en la vista edit:

<div class="col-lg-6 col-sm-6 col-md-6 col-xs-12">                  <h3>Lista de roles</h3>                 <div class="form-group col-md-10">                     <ul class="list-unstyled">                         @foreach($  roles as $  role)                             <li>                                 <label>                                     {{ Form::checkbox('roles[]', $  role->id, null) }}                                     {{ $  role->name }}                                     <em>({{ $  role->description }})</em>                                 </label>                             </li>                         @endforeach                     </ul>                 </div> 

Agradezco ayuda y si es necesario que suba algo mas del código, favor de decirme.

Posicionarse en un registro de datagridview determinado que habia sido seleccionado para ser modificado en otra pantalla

Tengo un datagridview con registros de pacientes que muestra en la primer columna el id del paciente. Cuando hago doble clic sobre algun registro, se abre una pantalla con todos los datos de ese paciente. El tema es que cuando cierro esta pantalla, necesito que se seleccione en el datagridview de pacientes, el registro del paciente sobre el que hice doble clic. ¿Cómo puedo lograrlo con c# escritorio?

SharedPreferences: Cómo Guardar/Mostrar la opción/item seleccionado de un spinner creado en XML?

tengo una duda acerca del uso del SharedPreferences con los Spinner, la idea es que al seleccionar un elemento del arreglo (una matriz clásica o estática) guarde los cambios, salga de la aplicación y cuando vuelva a entrar me muestre el item que el usuario ha seleccionado. Por ejemplo

final Spinner spinner_xml = (Spinner) findViewById(R.id.spinner);

editor.putString(“ElementoSeleccionado”, spinner_xml .getText().toString());

en esta última linea de código me saltará un error debido al tipo de dato del spinner. Si me pueden ayudar con este problema les agradecería mucho!

¿Como cargar un select seleccionado al editar?

Tengo un crud, al editar una fila, me aparecen una serie de campos, entre ellos un componente vue.js con tres select dinamicos, es decir al seleccionar un pais aparece un segundo select con las comunidades de ese pais, y al seleccionar una comunidad aparece un tercer select con las provincias de esa comunidad, como puedo marcar que select estaba seleccionado al editar la fila, al componente vue le paso el id del país seleccionado, el id de la comunidad y el id de la provincia. EL selec es dinamico, es decir al seleccionar un país, te aparece otro select con las comunidades de ese pais y al seleccionar una comunidad te aparecen las provincias de esa comunidad.

  <template> <div>   <div class="form-group">     <label for>Selecciona una Pais</label>     <select name="country_id" class="form-control" v-model="country" v-on:change="cargarComunidades()">         <option v-for="(item, index) in countries" :key="index" :value="item.id" :selected="(this.country == item.id) ? true : false">             {{item.name}}         </option>     </select>   </div>   <div class="form-group">     <label for>Selecciona una Comunidad</label>     <select name="community_id" class="form-control" v-model="community" v-on:change="cargarProvincias()">         <option v-for="(item, index) in communities" :key="index" :value="item.id" :selected="(this.community == item.id) ? true : false">             {{item.name}}         </option>     </select>   </div>   <div class="form-group">     <label for>Selecciona una Provincia</label>                       <select name="province_id" class="form-control" v-model="province">         <option v-for="(item, index) in provinces" :key="index" :value="item.id" :selected="(this.province == item.id) ? true : false">             {{item.name}}         </option>     </select>   </div> </div> 

 <script> export default { props: [   'country_id',   'community_id',   'province_id',   ], data() {   return {     countries: [],     country: this.country_id,     communities: [],     community: this.community_id,     provinces: [],     province: this.province_id,   }; }, //Cargamos todos los paises en el select option mounted() {   axios     .get("http://linku_shop.oo/api/countries/")     .then((response) => {       // handle success       this.countries = response.data;//Asigna los datos retornado a un array vacio     })     .catch(error => {       // handle error       console.log(error);     }); }, computed: {   //Cargamos todas las comunidades de un pais   cargarComunidades(){     axios       .get("http://linku_shop.oo/api/communities/"+this.country)       .then((response) => {         // handle success         this.communities = response.data;//Asigna los datos retornado a un array vacio         this.provinces = [];         this.province = "";       })       .catch(error => {         // handle error         console.log(error);       });     },    //Cargamos todas las provincias de una comunidad   cargarProvincias(){     console.log("")     axios       .get("http://linku_shop.oo/api/provinces/"+this.community)       .then((response) => {         // handle success         this.provinces = response.data;//Asigna los datos retornado a un array vacio       })       .catch(error => {         // handle error         console.log(error);       });    }  },  }; 

¿ Como Hago para no perder el texto seleccionado en Visual Basic Acces cuando acaba la ejecucción?

Buenos días y gracias de antemano. Trabajo con Visual Basic Acces y selecciono el texto de un textBox en el EVENTO LOST_FOCUS y con el metodo setfocus, selStart y selLenght pero al acabar la ejecuccion se deja de seleccionar y necessito que se mantenga, probe creando un textBox “fantasma” y le daba el focus tambien pero no me sirve porque a la hora de cambiar de foco no me deja si no borro el texto del Texbox primero entonces quiero es no perder el texto seleccionado sin ningun TextBox oculto( fantasma)

Os dejo el codigo:

“Visual Basic Acces

Private Sub txtNRef_LostFocus()         If Len(Form!txtNRef) > 0 Then             Form!txtNRef.SelStart = 0             Form!txtNRef.SelLength = Len(Form!txtNRef.Text)             Form!txtNRef.SetFocus        EndIF  End Sub 

cargar combobox seleccionado desde sql server utilizando entity framework

tengo una tabla trabajador que guarda los registros relacionados con trabajador como rut-nombre-sexo-estado civil.

sexo y estado civil se guarda como 1=masculino- 2=femenino

esto lo realizo a traves de un combobox.

lo que necesito realizar es que al realizar una búsqueda del trabajador me cargue el combobox seleccionado automáticamente.

mi código para cargar el combobox es el siguiente

public void llenasexo()     {                   var sexo = db.TB_Sexo.ToList();                 if (sexo.Count > 0)                 {                     combo_sexo.DataSource = sexo;                     combo_sexo.DisplayMember = "DescripcionSexo";                     combo_sexo.ValueMember = "Idsexo";                     if (combo_sexo.Items.Count > 1)                     {                         combo_sexo.SelectedIndex = -1;                     }              }       } 

y mi codigo para extraer los datos es:

 TB_Trabajador trabajador = (from q in db.TB_Trabajador where q.Rut == txt_rut1.Text select q).First();         trabajador.Rut = lbl_rut.Text;         trabajador.Nombres = txt_nombre.Text;         trabajador.Sexo = combo_sexo.ValueMember("idsexo"); 

el error esta al tratar de cargar el valor seleccionado al combobox sexo donde muestra que valuemember no es invocable.