基本思路:遍历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、效果演示
直接把这个值放到表单的属性里去,比如:
input type="button" name="btn" id="btn" value="计数按钮" addval="" /;
var i=0;//设置一个全局的变量;
$("#btn").click(function(){;
i+=1;//第单击一次i的值加1;
$(this).attr("addval",i);
});
这样的话就可以操作计数。
如果你想让我这计数的值在别的js里也可用的话,直接把这个值放到表单的属性里去,比如:
input type="button" name="btn" id="btn" value="计数按钮" addval="" /
var i=0;//设置一个全局的变量
$("#btn").click(function(){
i+=1;//第单击一次i的值加1
$(this).attr("addval",i);
});
这样的话就把这个值保存到表单的属性里了,你想怎么用都行了
首先获取当前时间与目标时间的时间差,然后通过定时器更新这个时间差,就实现了倒计时效果。实现上述过程需要以下两个函数:
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);
}
观察效果
某个时刻的截图
几秒后的截图