Obtenir la hauteur d'un élément d'option avec javascript?

Question

Comme d'habitude, les éléments d'option sont montrés quand un élément de sélection est cliqué et j'aimerais obtenir la taille des éléments d'option.

Merci.

Modifierold school @ David select

<select> 
<option>a</option> 
<option>s</option> 
</select> 

Answer 1

Je crois que c'est ce que vous voulez

$(document).ready(function() { 
    $("#mySelect").change(function() { 
    alert($(this.options[this.selectedIndex]).height()); 
    }); 
}); 

Voici une demohttp://jsfiddle.net/xf3wD/

Answer 2

Si vous utilisez un bibliothèque comme jquery, vous pouvez faire:

$('#select option:first').height()

Voir here.

Si vous n'utilisez pas jquery, regardez offsetHeight. Cela devrait vous apporter ce que vous voulez.

Answer 3

Ce n'est pas possible car ce ne sont pas les éléments d'option qui sont affichés.

La norme HTML spécifie uniquement que le navigateur doit fournir un moyen de choisir parmi les options, et non comment cela devrait être affiché. Par conséquent, il n'existe aucun moyen standard d'obtenir des informations sur la façon dont il est affiché.

Les navigateurs standard affichent les options sous forme de liste déroulante, mais d'autres navigateurs peuvent les afficher de manière complètement différente. Certains navigateurs de téléphones mobiles par exemple montre une fenêtre qui couvre l'ensemble de l'écran.

Answer 4

Lors de la sélection, vous pouvez le faire:

$(document).ready(function() { 

    $('#select').click(function() { 
     var H = $(this).children().height(); 
     alert(H); 
    }); 

});