Получение высоты элемента опции с помощью javascript?

Question

Как обычно, элементы выбора отображаются при щелчке элемента выбора, и я хотел бы получить высоту элементов опции.

Спасибо.

Редактировать @David старой школы выберите

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

Answer 1

Я считаю, что это то, что вы хотите

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

Вот demohttp://jsfiddle.net/xf3wD/

Answer 2

Если вы с помощью библиотеку, такую ​​как jquery, вы можете сделать:

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

См here.

Если вы не используете jquery, посмотрите на offsetHeight. Это должно получить то, что вы хотите.

Answer 3

Это невозможно, так как на самом деле это не элементы опции, которые показаны.

В стандарте HTML указывается, что браузер должен предоставить какой-то способ выбора из параметров, а не как это должно отображаться. Поэтому нет стандартного способа получения какой-либо информации о том, как она отображается.

Регулярные браузеры отображают параметры как своего рода раскрывающийся список, но другие браузеры могут показать его совершенно по-другому. Некоторые браузеры мобильных телефонов, например, показывают всплывающее окно, которое охватывает весь экран.

Answer 4

На выбор вы можете сделать это:

$(document).ready(function() { 

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

});