向select2下拉菜單添加標題

Question

我在JSP頁面及其選項中有一個select2下拉列表。我希望在其選項更改時爲該select2下拉列表添加標題。我試着給它添加標題。但是，當我將鼠標懸停在select2框上時，標題不會顯示。但是，title屬性會附加到select2下拉菜單中。請幫我解決這個問題。

<select id="daySelect" title="select your day"> 
<option val="0">Sunday</option> 
<option val="1">Monday</option> 
<option val="2">Tuesday</option> 
<option val="3">Wednesday</option> 
<option val="4">Thursday</option> 
<option val="5">Friday</option> 
<option val="6">Saturday</option> 
</select> 

Answer 1

其簡單，上更改添加的選擇當前值作爲其標題屬性，

運行片斷，更改選項和懸停的選擇，你可以看到的變化

$('#daySelect').change(function(){ 
 
\t $(this).next().attr('title',$(this).val()); 
 
\t }); 
 
\t $('#daySelect').select2().change();

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet"/> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.full.min.js"></script> 
 
<select id="daySelect"> 
 
\t <option val="0">Sunday</option> 
 
\t <option val="1">Monday</option> 
 
\t <option val="2">Tuesday</option> 
 
\t <option val="3">Wednesday</option> 
 
\t <option val="4">Thursday</option> 
 
\t <option val="5">Friday</option> 
 
\t <option val="6">Saturday</option> 
 
</select>