用jquery 将一个数组绑定到<select/>下拉框中,当选中其中的值时,触发一个方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用jquery 将一个数组绑定到<select/>下拉框中,当选中其中的值时,触发一个方法相关的知识,希望对你有一定的参考价值。

用jquery
如:将最近十年的年份如2012,2011,2010.。。。绑定到<select/>中
步骤:1 获取当前年份
2 将最近十年放进数组
3.绑定到<slect/>中
4当选中其中的一个年份时,触发一个方法,列出选中年份的表中的信息

1、取出从当前年份往前10年的年份信息

        //定义数组
        var itemYear = new Array();
        //获取系统当前时间
        var date = new Date();
        //取出当前时间的完整年份
        var year= date.getFullYear();
        //遍历取出前10年的年份信息,并放入到数组中
        for (var i=0;i<10;i++)
            itemYear[i]=year-i;
        

2、遍历年份数组,将年份信息追加到下列列表框中

for(var i=0;i<10;i++)
    $("#selectYear").append("<option value=\'"+itemYear[i]+"\'>"+itemYear[i]年+"</option>");

3、为下拉列表绑定选中改变事件,当触发事件时,取出选中的年份

$("#selectYear").select(function()
    alert("您选中的是:"+$(this).val());
);
参考技术A 简单,给你写个简单的

<html>
<head>
<title>test</title>
<script type="text/javascript" src="jquery-1.7.1.js"></script>
</head>
<script>
$().ready(function()
var arrYear = new Array();
var date = new Date();
var year= date.getFullYear();
for (var i=0;i<=10;i++)
arrYear.push(year-i);

$.each(arrYear, function (i)
$("#selYear").append("<option value='" + i + "'>" + arrYear[i] + "</option>");
);
$("#selYear").unbind();
$("#selYear").bind("change", function ()
alert("当前选择-----索引:" +$("#selYear").val()+ "---值:" + $("#selYear").find("option:selected").text());
);
);
</script>
<body>
<select id="selYear" style="width:140px"></select>
</body>
</html>
参考技术B 很简单的啦

以上是关于用jquery 将一个数组绑定到<select/>下拉框中,当选中其中的值时,触发一个方法的主要内容,如果未能解决你的问题,请参考以下文章

在 R DBI 中绑定变量

jQuery-将处理程序绑定到多个事件

jquery 循环数组输出显示在html页面

怎么把数据库中的数据通过jquery easyui datagrid进行绑定绑定

JQuery 创建新的选择选项

将列表数组中的值绑定到列表框