0 
<div class="span3">
                <label>Restaurants <span class="f_req">*</span></label> <select
                    id="rest_id" name="rest_id"
                    data-placeholder="- Select Restaurants -" class="chzn-select"multiple ">
                    <%
                        List <restaurant> rest_list=restaurantLocalServiceUtil.getAllRestaurantByOrganizationId(themeDisplay);                                                          
                                                        for(int i=0;i<rest_list.size();i++) {
                    %>
                    <option id="<%=rest_list.get(i).getPrimaryKey()%>"
                        value=<%=rest_list.get(i).getPrimaryKey()%>><%=rest_list.get(i).getName().toString()%>
                    </option>
                    <%
                        }
                    %>
                </select> <span id="restError3" style="color: #C62626;" class="help-block"></span>
            </div>

上記は、複数選択ボックスにレストランをリストする jsp コードの私の 1 つの部門のスニペットです。私がやりたいのは、リストボックスまたは選択したレストランにあるレストラン名にマウスオーバーすると、レストランに関するその他の詳細をツールチップとして表示したいということです...ツールチップの詳細（レストランの都市、住所、またはState) ..どうすればそれを示すことができますか?誰か教えてもらえますか?

4

1 に答える 1

2

titleツールチップは、HTML 要素の属性によって表されます。

例えば、

<option value="42" title="This is option with label 'Foo' and ID 42">Foo</option>

この jQuery にタグを付けた理由はわかりませんが、奇抜さが必要な場合は、利用可能な多くのjQuery ツールチップ プラグインのいずれかを選択してください。titleただし、それらのほとんどすべてが、HTML 要素の属性の値に基づいてそれを行うことに注意してください。title彼らが効果的に行う唯一のことは、属性を削除<div>し、マウスオーバーで表示される大量の CSS などの定型文を焼き付けることによって、「標準」ツールチップのルック アンド フィールを派手なルック アンド フィールに変えることです。

于 2013-01-12T15:33:43.053 に答える