jquery计数,jquery计数器

jQuery怎么获取Select的option个数

基本思路：遍历select下的option，使用val()获取每个option的值，然后加入到一个数组中。根据这个思路，可以使用for循环或者jQuery的each()遍历函数实现。这里提供一个更简洁的代码：

$("option").map(function(){return $(this).val();}).get().join(", ")

代码说明：

使用map()函数把每个option的值传递到当前匹配集合，生成包含返回值的对象；

使用 get() 处理返回的对象以得到基础的数组；

使用join()函数组装字符串。

实例演示如下:

1、HTML结构

select id="test"

option value="option-1"option-1/option

option value="option-2"option-2/option

option value="option-3"option-3/option

/selectbr

input type="button" value="获取所有option值"

2、jquery代码

$(function(){

$(":button").click(function() {

var str = $("#test option").map(function(){return $(this).val();}).get().join(", ")

alert(str);

});

});

3、效果演示

相关问答

Q1: jquery 怎么对 click 这个操作计数？

直接把这个值放到表单的属性里去，比如：

input type="button" name="btn" id="btn" value="计数按钮" addval="" /；

var i=0;//设置一个全局的变量；

$("#btn").click(function(){；

i+=1;//第单击一次i的值加1；

$(this).attr("addval",i)；

})；

这样的话就可以操作计数。

Q2: jquery 怎么对 click 这个操作计数？ 比如设计一个变量 每点击一次某个button 那个变量就+1……

如果你想让我这计数的值在别的js里也可用的话，直接把这个值放到表单的属性里去，比如：

input type="button" name="btn" id="btn" value="计数按钮" addval="" /

var i=0;//设置一个全局的变量

$("#btn").click(function(){

i+=1;//第单击一次i的值加1

$(this).attr("addval",i);

});

这样的话就把这个值保存到表单的属性里了，你想怎么用都行了

Q3: jquery如何实现倒计时效果

首先获取当前时间与目标时间的时间差，然后通过定时器更新这个时间差，就实现了倒计时效果。实现上述过程需要以下两个函数：

getTime()       // 返回距1970年1月1日之间的毫秒数，这样将时间差（毫秒数）÷3600÷24即为天数，时分秒类似

setTimeout(code,millisec);    // 在指定的毫秒数后调用函数

实例演示如下

创建Html元素

div class="box"

span距离2015年国庆节还剩：/spanbr

div class="content"

input type="text" id="time_d"天input type="text" id="time_h"时input type="text" id="time_m"分input type="text" id="time_s"秒

/div

/div

设置css样式

div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

div.boxspan{color:#999;font-style:italic;}

div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

input[type='text']{width:45px;height:35px;padding:5px 10px;margin:5px 0;border:1px solid #ff9966;}

编写jquery代码

$(function(){ 

show_time();

}); 

function show_time(){ 

var time_start = new Date().getTime(); //设定当前时间

var time_end =  new Date("2015/10/01 00:00:00").getTime(); //设定目标时间

// 计算时间差 

var time_distance = time_end - time_start; 

// 天

var int_day = Math.floor(time_distance/86400000) 

time_distance -= int_day * 86400000; 

// 时

var int_hour = Math.floor(time_distance/3600000) 

time_distance -= int_hour * 3600000; 

// 分

var int_minute = Math.floor(time_distance/60000) 

time_distance -= int_minute * 60000; 

// 秒 

var int_second = Math.floor(time_distance/1000) 

// 时分秒为单数时、前面加零 

if(int_day  10){ 

int_day = "0" + int_day; 

} 

if(int_hour  10){ 

int_hour = "0" + int_hour; 

} 

if(int_minute  10){ 

int_minute = "0" + int_minute; 

} 

if(int_second  10){

int_second = "0" + int_second; 

} 

// 显示时间 

$("#time_d").val(int_day); 

$("#time_h").val(int_hour); 

$("#time_m").val(int_minute); 

$("#time_s").val(int_second); 

// 设置定时器

setTimeout("show_time()",1000); 

}

观察效果

某个时刻的截图

几秒后的截图