jquery - efecto - Opción de mouseover para seleccionar para IE

onhover

Question

Estoy usando IE7. Quiero mostrar una descripción en la página para cada opción en el cuadro de selección cuando el mouse está sobre la opción. Así que como comienzo escribí el código que muestra el valor de la opción en el cuadro de texto cuando el mouse está sobre una opción. Pero nunca funciona. Funciona como si un evento de cambio.

<input name="selectedValue" id="selectedValue" >
<select id="TestCombo" name="TestCombo" >
     <option value="0" selected="selected">Zero</option>    
 <option value="1">One</option>
 <option value="2">Two</option>
 <option value="3">Three</option>
</select>

<script type="text/javascript">
$( function() {
    $(''#TestCombo option'').mouseover( function() {
          $(''#selectedValue'').val($(''#TestCombo option:selected'').val());
    });
});
</script>

Gracias por adelantado

Answer 1

Lo que estás tratando de hacer no es una práctica web estándar. No digo que esté mal, puedo ver por qué querrías hacer algo como esto. Creo que su respuesta es no molestarse con el control de selección e intentar encontrar o diseñar un control que funcione con elementos de entrada en su lugar e imitar lo que ''select'' está haciendo. No sería tan difícil y, al final, es probable que tenga un mayor control y capacidad de navegador cruzado.

Answer 2

Si desea que la descripción se muestre al pasar el ratón sobre el mouse , no sobre el cambio , creo que es mejor usar información sobre herramientas. Eso se puede hacer con el atributo de title de HTML, no se necesita JS.

Ejemplo:

<input name="selectedValue" id="selectedValue">
<select id="TestCombo" name="TestCombo" >
  <option title="Nothing." value="0" selected="selected">Zero</option>    
  <option title="The smallest number that has a meaning." value="1">One</option>
  <option title="Look, another small number!" value="2">Two</option>
  <option title="RGB - Red-Green-Blue. That''s three colors!" value="3">Three</option>
</select>

Answer 3

Utilizaría un complemento de algún tipo (como este ) compatible con varios navegadores y que manipularía ul para que pareciera un menú desplegable de select .

Desafortunadamente IE soltó la bola en elementos select y te da poco o ningún control sobre ellos.