2010-11-27 17 views
5

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.Opción de selección de mouse para IE

<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 de antemano

+0

Básicamente, este evento no funcionará en todos los navegadores, eche la culpa a IE por desordenarlo desde IE6. Como nota aparte, su sintaxis '$(). Ready (' está en desuso, use '$ (función() {' o más larga: '$ (documento) .ready (función() {' –

+0

¿Está utilizando IE7? Como en ese es tu navegador principal? –

Respuesta

1

Si quieren la descripción aparezca en encima del ratón, no en cambio , creo que es mejor usar la información de herramientas. Eso se puede hacer con el atributo HTML title, 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> 
+0

¡No! La descripción es una mezcla de tantos campos. Así que publicaremos una página jsp itslef usando jquery pasando el valor de la opción sobre qué mouse pasa – Pappu

+0

Entonces lo siento, pero puedo ' Entiendo tu pregunta. Tu código no hace nada (al menos en Chrome), haga lo que haga. – nyuszika7h

+0

Estoy en la etapa inicial. Solo quiero decirte que no son solo consejos sobre herramientas. – Pappu

1

Lo que estamos 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.

1

Usaría un complemento de algún tipo (como this one) que es compatible con varios navegadores y manipula ul para que parezca un menú desplegable select.

Desafortunadamente IE dejó caer la pelota en select elementos y le da poco o ningún control de ellos.

Cuestiones relacionadas