Jquery 在动态添加的下拉项上显示工具提示
看到问题的标题,读者的第一反应是这是一个重复的问题——但事实并非如此。我已经参考了以下和其他十几篇关于在下拉列表中显示工具提示的帖子。。它们用于静态添加的项 但我有一个场景,在第二个下拉菜单中,根据第一个下拉菜单上的选择动态添加下拉菜单项。工具提示将显示在第一个屏幕上,但不会显示在第二个屏幕上 注意:该网站需要支持Jquery 在动态添加的下拉项上显示工具提示,jquery,Jquery,看到问题的标题,读者的第一反应是这是一个重复的问题——但事实并非如此。我已经参考了以下和其他十几篇关于在下拉列表中显示工具提示的帖子。。它们用于静态添加的项 但我有一个场景,在第二个下拉菜单中,根据第一个下拉菜单上的选择动态添加下拉菜单项。工具提示将显示在第一个屏幕上,但不会显示在第二个屏幕上 注意:该网站需要支持IE6+、Chrome和Firefox 代码 <html> <script src="http://code.jquery.com/jquery-1.9.1.m
IE6+
、Chrome
和Firefox
代码
<html>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function ()
{
//Tooltip for all dropdowns
$("select").each( function ()
{
var i =0;
var sel = this;
for(i=0;i<sel.length;i++)
{
sel.options[i].title = sel.options[i].text;
}
});
//Dropdown Change Event
$("#ddlColor").change(function()
{
//Remove existing entries from dropdown
$('#ddlExample').empty();
var n = $(this).val();
switch(n)
{
case 'green':
$('#ddlExample').append($('<option></option>').val('Mango').html('Mango'));
break;
case 'red':
$('#ddlExample').append($('<option></option>').val('Apple').html('Apple'));
break;
case 'blue':
$('#ddlExample').append($('<option></option>').val('Blueberry').html('Blueberry'));
break;
}
});
});
</script>
<body>
<div id="first">
<select id="ddlColor">
<option value="green">Green</option>
<option value="red">Red</option>
<option value="blue">Blue</option>
</select>
Sample:
<select id="ddlExample">
</select>
</div>
</body>
</html>
$(文档).ready(函数()
{
//所有下拉列表的工具提示
$(“选择”)。每个(函数()
{
var i=0;
var sel=此;
对于(i=0;i,您可以使用attr/prop执行此操作:
var option = $('<option></option>');
switch(n){
case 'green':
option.val('Mango');
option.html('Mango');
option.attr('title','Mango');
break;
//and so on
}
$('#ddlExample').append(option);
var选项=$('');
开关(n){
“绿色”案例:
期权。val(“芒果”);
html('Mango');
option.attr('title','Mango');
打破
//等等
}
$(“#示例”).append(可选);
小提琴:
你能提供一把小提琴吗?我想$('ddl示例')。attr(“title”,“Mango”);
可能就是你要找的。。。