添加标题到 select2 下拉菜单

Question

我的 JSP 页面及其选项中有一个 select2 下拉列表。我想在该 select2 下拉菜单的选项更改时添加一个标题。我尝试为其添加标题。但是当我将鼠标悬停在 select2 框上时，标题不会出现。但是，标题属性会附加到 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

它很简单，在更改时添加 select 的当前值作为其 title 属性，

运行代码片段，更改选项并将鼠标悬停在选择上，您可以看到更改

$('#daySelect').change(function(){
	 $(this).next().attr('title',$(this).val());
	});
	$('#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">
	 <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>