¿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.

Resaltar solo primer registro de una consulta

En sí el código ya es funcional, pero me resalta el primer registro de cada página, ya que tiene implementado una paginación de resultados. Lo que quiero es que solo me muestre el primer registro de otro color aún así sean 2,5 o más páginas.

Acá el código:

$  rr = $  bd->query("SELECT * FROM moduloscurso where idCurso = $  idCurso LIMIT $  iniciar,$  regXpagina");    $  i=1;  while ($  row = mysqli_fetch_array($  rr, MYSQLI_BOTH)) {   //Mostrando los cursos!!   echo $  i;     $  bg = ( $  i == 1 ) ? "#9eedb4" : "#f7b7b7";//Color de fondo      $  disabled = ( $  i == 1 ) ? "" : "disabled";//Activar/Desactivar Boton      echo '           <div class="card" style="width: 200px; background-color:'.$  bg.';">         <img class="card-img-top" src="'.$  row['moduloimg'].'">         <div class="card-body">         <h6 class="card-title">'.$  row['nombreModulo'].'</h6>         </div>         <ul class="list-group list-group-flush>          <li class="list-group-item" id="countdown"></li>         <li class="list-group-item">             <a class="btn btn-outline-success btn-sm '.$  disabled.'" id="caption"              href="empezarCurso.php?idCurso='.$  row['idCurso'].'&idModulo='.$  row['idModulo'].'">Empezar Módulo             </a>         </li>         </ul>         </div>   ';    $  i++; } 

En sí lo que quiero es que me resalte el primer registro sin importar la paginación 🙂

Resaltar Primer registro obtenido de un SELECT (PHP Y MYSQL)

Quisiera resaltar de otro color el primer elemento obtenido de una consulta SQL. los datos los muestro a través de un While y mysqli_fetch_array.

Acá parte del código.

$  rr = $  bd->query("SELECT * FROM moduloscurso where idCurso = $  idCurso ORDER BY idModulo ASC LIMIT $  iniciar,$  regXpagina");   while ($  row = mysqli_fetch_array($  rr, MYSQLI_ASSOC)) {      echo '          <div class="card" style="width: 200px; background-color:#9eedb4;">         <img class="card-img-top" src="'.$  row['moduloimg'].'">         <div class="card-body">         <h6 class="card-title">'.$  row['nombreModulo'].'</h6>         </div>         <ul class="list-group list-group-flush>          <li class="list-group-item" id="countdown"></li>         <li class="list-group-item">             <a class="btn btn-outline-success btn-sm" id="caption"              href="empezarCurso.php?idCurso='.$  row['idCurso'].'&idModulo='.$  row['idModulo'].'">Empezar Módulo             </a>         </li>         </ul>         </div>    '; 

Sólo quiero poner en otro color el background del primer card generado todos los demás no.

Calcular primer segundo y tercer lugar de una tabla posiciones

Buen dia Comunidad.

Estoy realizando una tabla de posiciones de un torneo. Ahora tengo dudas en como calcular el primer segundo y tercer lugar si es por **javascript,**estableciendo que el primer lugar obtenga 30 Puntos,el segundo 20 Puntos y por ultimo el 3 que obtengo 10 puntos esto mostrarlo en un mensaje o alerta modal.

<table>                               <thead>                     <tr>                         <th>Categoria</th>                         <th>Genero</th>                         <th>Equipo</th>                         <th>PJ</th>                         <th>PG</th>                         <th>PP</th>                         <th >PE</th>                         <th>GF</th>                         <th>GC</th>                         <th>DFG</th>                         <th>PTS</th>                         <th>Calcular Ganador</th>                     </tr>                     </thead>                     <tbody>                                         <tr>                                       <td data-title="Categoria">CAT 3</td>                     <td data-title="Genero">V</td>                    <td data-title="Equipo">AMARILLO</td>                     <td  data-title="PJ">2</td>                     <td  data-title="PG">1</td>                     <td data-title="PP">1</td>                     <td  data-title="PE">0</td>                     <td  data-title="GF">3</td>                     <td  data-title="GC">4</td>                     <td  data-title="DFG">-1</td>                      <td  data-title="PTS">3</td>                                             <td rowspan="3"><input type="submit" class="calcularp"value="Calcular"></td>                         </tr>                                           <tr>                     <td data-title="Categoria">CAT 3</td>                     <td data-title="Genero">V</td>                    <td data-title="Equipo">ROJO</td>                     <td  data-title="PJ">2</td>                     <td  data-title="PG">2</td>                     <td data-title="PP">0</td>                     <td  data-title="PE">0</td>                     <td  data-title="GF">7</td>                     <td  data-title="GC">1</td>                     <td  data-title="DFG">6</td>                      <td  data-title="PTS">6</td>                         </tr>            <tr>                     <td data-title="Categoria">CAT 3</td>                     <td data-title="Genero">V</td>                    <td data-title="Equipo">TURQUESA</td>                     <td  data-title="PJ">2</td>                     <td  data-title="PG">0</td>                     <td data-title="PP">2</td>                     <td  data-title="PE">0</td>                     <td  data-title="GF">1</td>                     <td  data-title="GC">6</td>                     <td  data-title="DFG">-5</td>                      <td  data-title="PTS">0</td>                         </tr>             </tbody>                  </table>

espero su gentil apoyo con este caso. saludos cordiales.

Se me guarda en la BBDD siempre el primer valor del selector. C#, ASP, MYSQL

He hecho un select para que luego guarde ese valor en la base de datos. El select se llena mediante una consulta de la base de datos. Hasta ahí todo correcto. El problema llega cuando intento guardar el select en la base de datos. Siempre se me guarda el primer valor seleccione lo que seleccione.

El desplegable es el siguiente:

                         <div class="row row-condensed space-4">                 <span class="text-right col-sm-3">Anuncio</span>                             <div class="col-sm-9">                                  <asp:DropDownList ID="ddlAnuncioNoticia" runat="server"></asp:DropDownList>                             </div>                         </div>   

Lo lleno así:

   string cadConexion = ConfigurationManager.ConnectionStrings["gestionTienda"].ConnectionString;     MySqlConnection conexion = new MySqlConnection(cadConexion);     MySqlCommand comando = new MySqlCommand("select nombre from anuncios where bloque= 'PublicidadNoticia' and empresa=@Codigo", conexion);     comando.Parameters.AddWithValue("@Codigo", club_activo.Codigo);     MySqlDataAdapter da1 = new MySqlDataAdapter(comando);      DataSet ds = new DataSet();     da1.Fill(ds);     ddlAnuncioNoticia.DataSource = ds;     ddlAnuncioNoticia.DataTextField = "nombre";     ddlAnuncioNoticia.DataValueField = "nombre";     ddlAnuncioNoticia.DataBind(); 

Y para guardarlo en la base de datos hago lo siguiente:

  ddlAnuncioNoticia.SelectedValue= actual.Anuncio;   actual.Anuncio = ddlAnuncioNoticia.SelectedValue; 

Donde actual.Anuncio es la función donde guarda el valor en el campo correspondiente, que esto lo hace bien, pero no guarda el valor seleccionado.

Muchas gracias de antemano.

Buenas, una consulta. Estoy creando un pequeño programa en python (mi primer programa) y necesito crear una base de datos usando sqlalchemy y sqlite

El programa debe guardar el stock de 6 variedades de orégano de un galpón. Las clases son: Orégano y Depósito. Los métodos son: comprar y vender. El stock debería mostrarse automáticamente al modificar el stock usando esos dos métodos

Error: no hace Update el valor correcto y solo hace update al primer valor de la lista en la tabla

Tengo una tabla Cuentas con la lista de nombres:

idCuenta Nombre 1        cuenta1 2        cuenta2 

Mi codigo muestra la lista de

    @if ($  Cuentas->count())     @foreach($  Cuentas->where('idCuentas', $  UsuarioDeCuentas->idCuentaU) as $  CuentasHeaderList)      <li>      <a class="dropdown-item"   <--- la clase que muestra el menu        onclick="event.preventDefault();    <--- al hacer click submit        document.getElementById('CuentasHeaderListUpdateForm').submit();">        {{$  CuentasHeaderList->nombre}} <--- el valor que quiero guardar                              </a>  <form id="CuentasHeaderListUpdateForm"        action="{{route('CuentasHeaderListUpdate', Auth::user()->id)}}"        method="POST"        style="display: none;"> <--- este es el form dentro de mi menu desplegable donde asigno la ruta y id del usuario           @method('PATCH') <-- tipo de metodo y token de segurida         @csrf  <input type="hidden" name="ultima_cuenta" value="{{$  CuentasHeaderList->nombre}}"/>   </form>     </li>      @endforeach     @endif 

esta es mi ruta :

Route::PATCH('/CuentasHeaderListUpdate/{id}', 'HomeController@CuentasHeaderListUpdate')->name('CuentasHeaderListUpdate'); 

este es mi controlador :

//cuenta     public function CuentasHeaderListUpdate(Request $  request, $  id)     {         $  validatedData = $  request->validate([          'ultima_cuenta' => 'required|max:255',         ]);  <--- encierro en una variable los nombres (con algo de validacion)         Users::where('id',$  id)->update($  validatedData); <-- hago el update segun id          return redirect('home');<--- y regreso a mi pagina      } 

Mi prilema es que sin importar la opcion que elija en el <select> siempre manda el valor de asta arriba cuenta1 , lo cual no entiendo $ CuentasHeaderList->nombre esta dentro de la logica que le dice el valor es 1 o 2

¿Por que mi función no ejecuta el primer if en mi validación en Javascript?

¿Por que mi función no ejecuta el primer if en mi validación en Javascript? tengo este problema con mi código en javascript que si entra la función pero no las condiciones por lo tanto no entra la evaluación de los datos y envia los datos aun que los campos estes vacíos. No tengo idea cual es el error. Les dejo mi código html y mi javascript ojalá me puedan ayudar saludos.

Este es mi codigo js

function vale() {     alert("Entra la Fucncion");     var nombre, apellidos, correo, password, cofpassword, telefono, celular, expression, calle, colonia, ciudad, estado, cp, terminos;      nombre = document.getElementById("nombre").value;     apellidos = document.getElementById("apelli").value;     correo = document.getElementById("correo").value;     password = document.getElementById("contra").value;     cofpassword = document.getElementById("confcont").value;     telefono = document.getElementById("telf").value;     celular = document.getElementById("celu").value;     calle = document.getElementById("calle").value;     colonia = document.getElementById("colonia").value;     ciudad = document.getElementById("ciudad").value;     estado = document.getElementById("estado").value;     cp = document.getElementById("cp").value;     terminos = document.getElementById("terminos").checked;      expression = /\w+@\w+\.+[a-z]/;      alert("Entra la Fucncion"); if (nombre == "" || apellidos == "" || correo == "" || password == "" || cofpassword == "" || telefono == "" || celular == "" || calle == "" || colonia == "" || ciudad == "" || estado == "" || cp == "") {         alert("Todos los campos son obligatorios");         return false;     } else if (nombre.length > 30) {         alert("El nombre es muy largo");         return false;     } else if (apellidos.length > 80) {         alert("Los apellidos son muy largos");         return false;     } else if (correo.length > 100) {         alert("El correo es muy largo");         return false;     } else if (!expression.test(correo)) {         alert("El correo no es valido");         return false;     } else if (password.length > 20 || cofpassword.length > 20) {         alert("La contraseña es muy larga");         return false;     } else if (password != cofpassword) {         alert("La contraseña no coincide");         return false;     } else if (telefono.length > 10 || celular.length > 10) {         alert("Los numeros de telefono o celular son debe ser de 10 digitos");         return false;     } else if (isNaN(telefono)) {         alert("El telefono no es un numero");         return false;     } else if (isNaN(celular)) {         alert("El celular no es un numero");         return false;     } else if (calle.length > 100) {         alert("La calle es muy larga");         return false;     } else if (colonia.length > 50) {         alert("La colonia es muy larga");         return false;     } else if (ciudad.length > 50) {         alert("La ciudad es muy larga");         return false;     } else if (estado.length > 50) {         alert("La estado es muy larga");         return false;     } else if (isNaN(cp)) {         alert("El CP debe ser un numero");         return false;     } else if (terminos == false) {         alert("Deve de Aceptar los terminos y Condiciones");         return false;     } else {         return true;     }  } 

este es mi codigo html

<!DOCTYPE html> <html>  <head>     <title>Registro</title>     <meta charset="UTF-8">     <link rel="stylesheet" type="text/css" href="../css/header.css">     <link rel="stylesheet" type="text/css" href="../css/estilos.css">     <script src="validar.js"></script> </head>  <body>     <header>         <div class="Contenedor">             <div class="fondo">                  <a href="../index.html"><img src="../Img/UembekuaLogo.png" id="Logo" alt="Logo Uembekua" onsubmit="return vale()"></a>              </div>             <nav>                 <ul class="nav">                     <li><a href="../index.html">Home</a></li>                     <li><a href="Servicios.html">Servicios</a>                         <ul class="Submenu">                             <li><a href="Paquetes.html">Paquetes</a></li>                             <li><a href="Cursos.html">Cursos</a></li>                             <li><a href="Vacaciones.html">Vacaciones</a></li>                             <li><a href="Masajes.html">Masajes</a></li>                             <li><a href="Precios.html">Precios</a></li>                             <li><a href="Reservacion.html">Reserva tu Servicio</a></li>                         </ul>                     </li>                     <li><a href="Conocenos.html">Conocenos</a></li>                     <li><a href="Instalaciones.html">Instalaciones</a></li>                     <li><a href="Informacion.html">Info</a></li>                  </ul>             </nav>          </div>     </header>     <main>          <section>             <form style="padding: 20px; margin-top: 20px" method="post" action="reg.php" onsubmit=" return vale()">                  <font style="font-family: Rockwell;">                     <center>                          <table align="Center" cellpadding="5px" cellspacing="5px">                             <tr>                                 <td align="center" colspan="3">                                     <h2>Crear cuenta</h2><br>                                 </td>                              </tr>                             <tr>                                 <td>Nombre:</td>                                 <td colspan="2"><input type="text" placeholder="Nombre" id="nombre" name="nombre"><br></td>                             </tr>                              <tr>                                 <td>Apellidos: </td>                                 <td colspan="2"><input type="text" placeholder="Apellidos" id="apelli" name="apelli"><br></td>                             </tr>                                <tr>                                 <td>Correo:</td>                                 <td colspan="2"><input type="email" placeholder="example@correo.com" id="correo" name="correo"><br></td>                             </tr>                             <tr>                                 <td>Contraseña:</td>                                 <td colspan="2"><input type="password" placeholder="Contaseña" id="contra" name="contra"><br></td>                             </tr>                              <tr>                                 <td>Confirmar contraseña:</td>                                 <td colspan="2"><input type="password" placeholder="Contaseña" id="confcont"><br></td>                             </tr>                             <tr>                                 <td>Teléfono:</td>                                 <td colspan="2"><input type="text" placeholder="Tu teléfono" id="telf" name="telf"><br></td>                             </tr>                             <tr>                                 <td>Celular:</td>                                 <td colspan="2"><input type="text" placeholder="Tu celular" id="celu" name="celu"><br></td>                             </tr>                                <tr>                                 <td>Calle#:</td>                                 <td colspan="2"><input type="text" placeholder="Tu Calle#" id="calle" name="calle"><br></td>                             </tr>                             </tr>                                <tr>                                 <td>Colonia:</td>                                 <td colspan="2"><input type="text" placeholder="Tu colonia" id="colonia" name="colonia"><br></td>                             </tr>                             </tr>                                <tr>                                 <td>Ciudad:</td>                                 <td colspan="2"><input type="text" placeholder="Ciudad" id="ciudad" name="ciudad"><br></td>                             </tr>                               <tr>                                 <td>Estado:</td>                                 <td colspan="2"><input type="text" placeholder="Estado" id="estado" name="estado"><br></td>                             </tr>                             <tr>                                 <td>CP:</td>                                 <td colspan="2"><input type="text" placeholder="CP" id="cp" name="cp"><br></td>                             </tr>                                <tr cellpadding="5" align="center">                                  <td colspan="2"><input type="checkbox" name="terminos"><a href="https://www.timeinc.net/subs/privacy/termsofservice/pptos.html">Terminos y Condiciones</a></td>                                 </tr>                              <tr cellpadding="5" align="center">                                  <td colspan="2"><input type="submit" id="save" value="Registrarse"></td>                                 </tr>                          </table>                     </center>                 </font>             </form>             <center>              <a href="Reservacion.html"><input type="submit" name="cancel" value="Cancelar"></a>             </center>         </section>      </main>      <footer>         <p align="center" id="copyright">Uémbekua &mdash; Todos los derechos reservados &copy; </p>         <a href="#"><img src="../Img/facebook1.png" id="img1"></a>         <a href="#"><img src="../Img/instagram1.png" id="img2"></a>     </footer>  </body>  </html>