Hello,
I try to write a plugin which create some select in a div. I want to do that when an user click one select, it alert it's index of select in the div. Below is my code.but I can not receive select's index in the div.For example,when uer click the secend select , it alert(2);<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script language="JavaScript" type="text/javascript" src="jquery-1.6.2.js"></script>
<script>
(function($){
//plugin name - animatemenu
$.fn.mydownlist=function(options) {
var defaults = {
selnum: 2,
title:'--请选择--',
onchange:function(){},
onclick:function(){}
};
var options = $.extend(defaults, options);
return this.each(function() {
var o =options;
var obj = $(this);
obj.empty();
var i=0;
for (i=0;i<o.selnum;i++)
{
obj.append("<select sel_index='"+i+"'>"+"<option value='-1'>"+o.title+"</option>"+"</select>");
}
$("select",obj).bind("click.mydownlist",defaults.onclick);
});
};})(jQuery);
</script>
</head><body>
<div id="mydownlist"></div><script>
$('#mydownlist').mydownlist({
selnum:3,
title:'--请选择--',
onclick:function(data){
alert(data);
}
});
</script></body>
</html>
I try to write a plugin which create some select in a div. I want to do that when an user click one select, it alert it's index of select in the div. Below is my code.but I can not receive select's index in the div.For example,when uer click the secend select , it alert(2);<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script language="JavaScript" type="text/javascript" src="jquery-1.6.2.js"></script>
<script>
(function($){
//plugin name - animatemenu
$.fn.mydownlist=function(options) {
var defaults = {
selnum: 2,
title:'--请选择--',
onchange:function(){},
onclick:function(){}
};
var options = $.extend(defaults, options);
return this.each(function() {
var o =options;
var obj = $(this);
obj.empty();
var i=0;
for (i=0;i<o.selnum;i++)
{
obj.append("<select sel_index='"+i+"'>"+"<option value='-1'>"+o.title+"</option>"+"</select>");
}
$("select",obj).bind("click.mydownlist",defaults.onclick);
});
};})(jQuery);
</script>
</head><body>
<div id="mydownlist"></div><script>
$('#mydownlist').mydownlist({
selnum:3,
title:'--请选择--',
onclick:function(data){
alert(data);
}
});
</script></body>
</html>
解决方案 »
- 函数f1()怎么实现小类全部取消选择后,大类的复选框才取消选择?
- Juery在IE6下类选择器和Id选择器的性能
- 请教一个正则表达式的问题,如何匹配空格而不匹配tab
- dynamic load iframe designmode firefox not work 看到关键词似曾相识的快进
- 问下简单的问题,没分了。
- JS变量调用问题
- javascript可不可以调用Windows的颜色选择框(WinForm中有这个功能)
- 怎样才能把树中的一节点通过鼠标移动到另一节点下
- 怎样统计文本框中汉字的子数
- jquery 里delegate如何判断出被触发元素的索引位置?
- 一个大div套一个小div,让小div向上移动,实现动画效果,结果报错,大牛们看看。
- Jquery换肤(带Cookie存取)代码的问题?本人资历有限,望大虾帮助!
$('#mydownlist').mydownlist({
selnum:3,
title:'--请选择--',
onclick:function(data){
alert($(this).attr('sel_index'));
}
});
</script>