我想在悬停时的选择选项上有一个工具提示。我的目标是在选择框宽度减小时为悬停选项提供工具提示
<html>
<head>
<title>Select box</title>
<body>
<select data-val="true" data-val-number="The field CategoryID must be a number." data-val-required="The CategoryID field is required." id="ddlcat" name="CategoryID">
<option value="">----Please Select Category----</option>
<option value="1">Account Opening Email</option>
<option value="2">Closure Email</option>
<option value="3">OTP Email</option>
</select>
</body>
</html>
上面是我的选择框代码....我尝试给选项赋予标题,但似乎没有输出`
我希望这是您要寻找的。我已经使用jQuery完成了此操作。
$('select').hover(
function(){var value=$(this).find('option:selected').text();
$('#select_val').text(value).show();
},function(){
$('#select_val').hide();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<html>
<head>
<title>Select box</title>
<body>
<select data-val="true" data-val-number="The field CategoryID must be a number." data-val-required="The CategoryID field is required." id="ddlcat" name="CategoryID">
<option value="">----Please Select Category----</option>
<option value="1">Account Opening Email</option>
<option value="2">Closure Email</option>
<option value="3">OTP Email</option>
</select>
<div id="select_val" style="display:none;width:200px;height:20px;position:absolute;top:15px;left:200px;background:aqua;padding:10px;color:black;font-weight:bold;"></div>
</body>
</html>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句