Подсказка для каждого элемента SelectOneMenu в jsf

Question

Мое требование - предоставить tooltip для каждого параметра в SelectOneMenu потому что метка опции такая большая что невозможно обеспечить такой большой размер SelectOneMenu. этикетка режущая. Вот почему мне нужна подсказка, чтобы показать все значение при наведении курсора на опции в SelectOneMenu.

Любые идеи будут оценены.

Answer 1

Если вы используете список «javax.faces.model.SelectItem», вы можете передать атрибут description, чтобы показать всплывающую подсказку для каждого параметра.

Answer 2

Вы можете использовать javascript.Предположим, что вы selectOneMenu как показано ниже.

<h:form id="form1">
    <h:selectOneMenu id="combo1">
        <f:selectItem itemLabel="First Label"/>
        <f:selectItem itemLabel="Second Label"/>
        <f:selectItem itemLabel="Third Label"/>
    </h:selectOneMenu>
</h:form>

Добавьте этот скрипт вверху страницы.

<script>
    window.onload = function() {
         var options = document.getElementById("form1:combo1").options;
         for(var i = 0; i &lt; options.length; i++) {
             options[i].title = options[i].innerHTML;
         }
    }
</script>