2013-01-07 107 views
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代碼中的一個分部的片段,它列出了多選框中的餐廳。 我想要做的是,我想展示一些關於餐廳的其他細節,作爲鼠標懸停在餐廳名稱上的列表框或選擇餐廳的工具提示...工具提示詳細信息,如(餐廳城市或地址,或狀態) ..我如何顯示?有誰能告訴我該怎麼做嗎?如何使用jsp在多選框上顯示工具提示?

回答

2

工具提示由HTML元素的title屬性表示。

例如,

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

我不知道爲什麼你這個標記jQuery的,但如果你想花式,然後隨便挑了許多可用jQuery tooltip plugins之一。但請注意,幾乎所有這些都是基於HTML元素title屬性的值。他們唯一有效的做法是通過刪除title屬性並烘烤一堆<div>和CSS等鍋爐板,將其顯示在鼠標上,從而將「標準」工具提示look'n'feel變成一些華麗的look'n'feel。