Option mouseover de select pour IE

J'utilise IE7. Je veux avoir une description dans la page pour chaque option dans la boîte de sélection quand la souris est au-dessus de l'option. Donc, au démarrage, j'ai écrit le code qui montre la valeur de l'option dans la zone de texte lorsque la souris est sur une option. Mais ça ne marche jamais. Cela fonctionne comme si un événement de changement.Option mouseover de select pour 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>

Merci à l'avance

Source

2010-11-27 Pappu

Fondamentalement, cet événement ne fonctionnera pas avec plusieurs navigateurs, blâmer IE pour avoir déconné celui-là depuis IE6. En aparté votre '$(). Ready (' la syntaxe est obsolète, utilisez soit $ (function() {'ou le plus long:' $ (document) .ready (function() {' –

Vous utilisez IE7? Comme dans votre navigateur principal? –

Si vous voulez la description pour afficher sur mouseover, pas changement, je pense qu'il est préférable d'utiliser les info-bulles. Cela peut être fait avec l'attribut title du HTML, pas besoin de JS.

Exemple:

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

Source

2010-11-27 14:21:51 nyuszika7h

Non, la description est un mélange de tant de champs, donc nous publierons une page JSP itslef en utilisant jquery en passant la valeur de l'option sur laquelle survient la souris – Pappu

Alors désolé, mais je peux ' Je comprends votre question, votre code ne fait rien (au moins dans Chrome), quoi que je fasse – nyuszika7h

Je ne suis qu'au début du jeu. Je veux juste vous dire que ce ne sont pas seulement des astuces d'outils – Pappu

Ce que vous essayez de faire est pas une pratique Web standard. Je ne dis pas que c'est faux, je peux voir pourquoi vous voudriez faire quelque chose comme ça. Je pense que votre réponse est de ne pas déranger avec le contrôle de sélection et d'essayer de trouver ou de concevoir un contrôle qui fonctionne avec des éléments d'entrée à la place et imiter ce que 'select' fait. Ce ne serait pas si difficile et à la fin, vous auriez probablement un plus grand contrôle et une capacité de plusieurs navigateurs.

Source

2011-09-29 01:34:07

Je voudrais utiliser un plug-in d'un certain type (comme this one) qui est multi-navigateur compatible et manipule ul « s pour ressembler à un menu déroulant select.

Malheureusement, IE a laissé tomber la balle sur select éléments et vous donne peu ou pas de contrôle sur eux.

Source

2011-09-30 20:55:24 Terry

Option mouseover de select pour IE

Répondre

Questions connexes