html

{foreach from=$month_arr item=dateArr key=i}
<tr>
<td>{$dateArr.m}</td>
<td>
<select name="start_Month" class='month start_month_{$i}'>
{foreach from=$dateArr.start_date.month item=monthList key=month_key}
{if $month_key==$dateArr.start_date.default_month}
<option value="{$month_key}" label="{$month_key}" selected="selected">{$monthList}</option>
{else}
<option value="{$month_key}" label="{$month_key}">{$monthList}</option>
{/if}
{/foreach}
</select>

<select name="start_Day" class="start_day_{$i}">
{foreach from=$dateArr.start_date.day item=dayList key=day_key}
{if $dayList == $dateArr.start_date.default_day}
<option value="{$dayList}" label="{$dayList}" selected="selected">{$dayList}</option>
{else}
<option value="{$dayList}" label="{$dayList}">{$dayList}</option>
{/if}
{/foreach}
</select>

{if $dateArr.start_date.year}
<select name="start_Year" class="start_year">
{foreach from=$dateArr.start_date.year item=yearList key=year_key}
<option value="{$yearList}" label="{$yearList}">{$yearList}</option>
{/foreach}
</select>
{/if}
<span class="start_date_{$i}"></span>
</td>

<td>
<select name="end_Month" class='month end_month_{$i}'>
{foreach from=$dateArr.end_date.month item=monthList key=month_key}
{if $month_key==$dateArr.end_date.default_month}
<option value="{$month_key}" label="{$month_key}" selected="selected">{$monthList}</option>
{else}
<option value="{$month_key}" label="{$month_key}">{$monthList}</option>
{/if}
{/foreach}
</select>

<select name="end_Day" class="end_day_{$i}">
{foreach from=$dateArr.end_date.day item=dayList key=day_key}
{if $dayList == $dateArr.end_date.default_day}
<option value="{$dayList}" label="{$dayList}" selected="selected">{$dayList}</option>
{else}
<option value="{$dayList}" label="{$dayList}">{$dayList}</option>
{/if}

{/foreach}
</select>
<span class="end_date_{$i}"></span>
</td>
</tr>
{/foreach}

<tr border='0'>
<td colspan="3">
<input type="submit" class="ibm-btn-arrow-pri" id="submit" name="submit" value="Submit">
</td>
</tr>

</tbody>
</table>

js

$(document).ready(function(){
var year = $("#year").val();
var month = '';
$('.month').change(function(){
var month = $(this).children('option:selected').val();
var this_month_str = $(this).attr('class');
var this_month_arr = this_month_str.split(' ');
var this_month = this_month_arr[1];
this_month = this_month.replace("month","day");

var month_type_arr = this_month.split('_');
var month_type = month_type_arr[0];

$('.'+month_type+'_month_'+month+ 'option[value='+this_month+']').attr("selected", true);

if(month){
$.post("url", {month: month, year:year},function(data){

var day_arr =(new Function("","return "+data))();
var max_num = day_arr.length;
var dateStr = '';
$.each(day_arr,function(index,value){
var str= "<option value="+day_arr[index]+">"+day_arr[index]+"</option>";
if(month_type=='end'){
if(day_arr[index]==max_num){
var str= "<option selected='selected' value="+day_arr[index]+">"+day_arr[index]+"</option>";
}
}
dateStr+=str;
});
$("."+this_month).html(dateStr);
});
}

});
$('.start_year').change(function(){
var start_year = $(this).children('option:selected').val();
$.post("url", {start_year: start_year, year:year},function(data){
var day_arr =(new Function("","return "+data))();
var monthStr = '';
var dayStr = '';
$.each(day_arr,function(index,value){
if(index=='month'){
$.each(value,function(m,val){
var mstr= "<option selected='selected' value="+m+">"+val+"</option>";
monthStr+= mstr;
});
}
if(index=='day'){
$.each(value,function(m,val){
var dstr= "<option selected='selected' value="+val+">"+val+"</option>";
dayStr+= dstr;
});
}
});
$(".start_month_1").html(monthStr);
$(".start_day_1").html(dayStr);
});
});

$('#submit').click(function(){
var year = $("#year").val();

var start_m_arr = new Array();
var start_m_all = "";
//$("select[name=start_Month] option[selected]").each(function (i) {
$("select[name=start_Month]").each(function (i) {
var val = $(this).val();
//var node = i!=11 ? val + "," : val ;
var node = val + ',';
start_m_arr.push(node);
start_m_all += node;
});

var start_d_arr = new Array();
var start_d_all = "";
//$("select[name=start_Day] option[selected]").each(function (i) {
$("select[name=start_Day]").each(function (i) {
var val = $(this).val();
//var node = i!=11 ? val + "," : val ;
var node = val + ',';
start_d_arr.push(node);
start_d_all += node;
});

var start_Year = '';
if($(".start_year")){
start_Year = $(".start_year").val();
}

var end_m_arr = new Array();
var end_m_all = "";
//$("select[name=end_Month] option[selected]").each(function (i) {
$("select[name=end_Month]").each(function (i) {
var val = $(this).val();
var node = i!=11 ? val + "," : val ;
end_m_arr.push(node);
end_m_all += node;
});

var end_d_arr = new Array();
var end_d_all = "";
//$("select[name=end_Day] option[selected]").each(function (i) {
$("select[name=end_Day]").each(function (i) {
var val = $(this).val();
var node = i!=11 ? val + "," : val ;
end_d_arr.push(node);
end_d_all += node;
});

if(start_m_all!='' && start_d_all!='' && end_m_all!='' && end_d_all!=''){
$.post("url", {start_Month: start_m_all, start_Day: start_d_all, end_Month: end_m_all,
end_Day: end_d_all, year:year, start_Year: start_Year},function(data){
var return_arr =(new Function("","return "+data))();
var status = return_arr.status;

if(status== true){
window.location.href = "url?year=" + year;
}else if(status== false){
alert('Added Period Billing error');
}
});
}
});
});

jquery 获取多个select name 的值的更多相关文章

  1. jquery】常用的jquery获取表单对象的属性与值

    [jquery]常用的jquery获取表单对象的属性与值 1.JQuery的概念 JQuery是一个JavaScript的类库,这个类库集合了很多功能方法,利用类库你可以用一些简单的代码实现一些复杂的 ...

  2. JQuery获取与设置HTML元素的值value

    JQuery获取与设置HTML元素的值value 作者:简明现代魔法图书馆 发布时间:2011-07-07 10:16:13 20481 次阅读 服务器君一共花费了13.221 ms进行了6次数据库查 ...

  3. jquery获取radio和select选中值

    //jquery 获取radio选中值 <input type="radio" name="c_type" value="a" > ...

  4. jquery获取dropdownlist的value和text值

    1.jquery //获取value值 $("#ddlSubmodel").val(); //获取text值 $("#ddlSubmodel").find(&q ...

  5. jquery获取复选框checkbox的值

    jQuery API : each(callback) :以每一个匹配的元素作为上下文来执行一个函数. :checked :匹配所有选中的被选中元素(复选框.单选框等,不包括select中的optio ...

  6. JQuery获取与设置select

    获取select : 1.获取select 选中的 text :    $("#ddlregtype").find("option:selected").tex ...

  7. JQuery获取input type="text"中的值的各种方式

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  8. JQuery 获取多个select标签option的text内容

    根据option的id属性,修改text值 $("#sel_div .select_class option[id='-选择省-']").text(data.province).a ...

  9. 用jQuery获取table中行id和td值

    <%@ page language="java" pageEncoding="UTF-8"%> <% String path = reques ...

随机推荐

  1. T-SQL:毕业生出门需知系列(八)

    第8课 使用函数处理数据 8.1 函数 [名词]可移植:所编写的代码可以在多个系统上运行 8.2 使用函数 8.2.1 文本处理函数 例1:使用 UPPER() 函数--将文本转换为大写 SELECT ...

  2. Android随笔之——Android ADB详解

    ADB全称Android Debug Bridge, 是android sdk里的一个工具, 用这个工具可以直接操作管理android模拟器或者真实的andriod设备.它主要有以下几个功能: 1.运 ...

  3. 高级javascript---模块化编程

    随着网站逐渐变成“互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂 网页越来越像桌面程序,需要一个团队分工协作.进度管理.单元测试等等......开发者不得不使用软 ...

  4. make things simple

    以前看过一篇文章,具体内容不记得了,只记得它的结论了:懒是人类进步的源动力.当时觉得结论有点新颖,文中列举了大量的实例证明这个结论,其中重点强调了计算机学科.我本身从事算是计算机相关的工作,对文中的部 ...

  5. jQuery中的Sizzle引擎分析

    我分析的jQuery版本是1.8.3.Sizzle代码从3669行开始到5358行,将近2000行的代码,这个引擎的版本还是比较旧,最新的版本已经到v2.2.2了,代码已经超过2000行了.并且还有个 ...

  6. Android监听系统短信数据库变化-提取短信内容

    由于监听系统短信广播受到权限的限制,所以很多手机可能使用这种方式没法监听广播,从而没办法获取到系统短信,所以又重新开辟一条路. Android监听系统短信数据库内容变化使用场景: 1.监听短信数据库的 ...

  7. 简述.NET事务应用原则

    .NET事务应用原则 1.在同一个数据库内进行CRUD时,应使用同一个DbConnection对象,且显式指定DbConnection均为同一个DbTransaction,示例代码如下: //在同一个 ...

  8. [Nancy On .Net Core Docker] 轻量级的web框架

    .net core现在已经有了大的发展,虽然笔者现在已经从事python开发,但是一直在关注.net的发展,在逛博客园的时候,发现有大家都会提到Nancy这个框架,在简单的使用之后,发现竟然是如此的简 ...

  9. 重构sql server的sys.sp_helptext存储

    本文目录列表: 1.sys.sp_helptext存储的功能和效果 2.重构sys.sp_helptext存储(命名为dbo.usp_helptext)提供直观的效果 3.sys.sp_helptex ...

  10. AngularJS----基本操作

    之前的学习基本了解了AngularJS的常用方法,下来就继续学习吧. 创建自定义的指令 除了内置指令,我们可以创建自定义指令.通过.directive函数来添加. <div change-dat ...