jquery 获取多个select name 的值
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 的值的更多相关文章
- jquery】常用的jquery获取表单对象的属性与值
[jquery]常用的jquery获取表单对象的属性与值 1.JQuery的概念 JQuery是一个JavaScript的类库,这个类库集合了很多功能方法,利用类库你可以用一些简单的代码实现一些复杂的 ...
- JQuery获取与设置HTML元素的值value
JQuery获取与设置HTML元素的值value 作者:简明现代魔法图书馆 发布时间:2011-07-07 10:16:13 20481 次阅读 服务器君一共花费了13.221 ms进行了6次数据库查 ...
- jquery获取radio和select选中值
//jquery 获取radio选中值 <input type="radio" name="c_type" value="a" > ...
- jquery获取dropdownlist的value和text值
1.jquery //获取value值 $("#ddlSubmodel").val(); //获取text值 $("#ddlSubmodel").find(&q ...
- jquery获取复选框checkbox的值
jQuery API : each(callback) :以每一个匹配的元素作为上下文来执行一个函数. :checked :匹配所有选中的被选中元素(复选框.单选框等,不包括select中的optio ...
- JQuery获取与设置select
获取select : 1.获取select 选中的 text : $("#ddlregtype").find("option:selected").tex ...
- JQuery获取input type="text"中的值的各种方式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- JQuery 获取多个select标签option的text内容
根据option的id属性,修改text值 $("#sel_div .select_class option[id='-选择省-']").text(data.province).a ...
- 用jQuery获取table中行id和td值
<%@ page language="java" pageEncoding="UTF-8"%> <% String path = reques ...
随机推荐
- Util应用程序框架公共操作类(九):Lambda表达式扩展
上一篇对Lambda表达式公共操作类进行了一些增强,本篇使用扩展方法对Lambda表达式进行扩展. 修改Util项目的Extensions.Expression.cs文件,代码如下. using Sy ...
- 再次记录 Visual Studio 2015 CTP 5 的一个坑
接上一篇:升级 Visual Studio 2015 CTP 5 的坑.坑.坑 升级到 VS2015 CTP 之后,今天要改项目中的一个东西,然后就不得不把 C# 6.0 改变的语法代码中改了下(之前 ...
- Yii2的深入学习--事件Event
我们先来看下事件在 Yii2 中的使用,如下内容摘自 Yii2中文文档 事件可以将自定义代码“注入”到现有代码中的特定执行点.附加自定义代码到某个事件,当这个事件被触发时,这些代码就会自动执行.例如, ...
- Android之vector代码修改颜色
前言:google给了很多material design icon,在开发过程中,可以下载下来直接使用,下载地址为https://materialdesignicons.com/ . 1.下载图标,并 ...
- 跟我学PHP-第一篇:如何安装Zend Studio 以及汉化和基本准备工作
昨天从早上一直弄到晚上10点,可累死我了,网上的资料都是掺次不齐,所以我写一篇系统点的文章来告诉大家怎么做. 1.如果你想进行一套PHP系统的开发,肯定是要有“尚方宝剑”的,这个尚方宝剑就是PHP工具 ...
- Solr学习总结(六)SolrNet的高级用法(复杂查询,分页,高亮,Facet查询)
上一篇,讲到了SolrNet的基本用法及CURD,这个算是SolrNet 的入门知识介绍吧,昨天写完之后,有朋友评论说,这些感觉都被写烂了.没错,这些基本的用法,在网上百度,资料肯定一大堆,有一些写的 ...
- 打造Orm经典,创CRUD新时代,Orm的反攻战
让我们开启数据库无Linq.零sql时代(续) 第一部分 MQL qq群:225656797 demo下载: 点此下载(既然下载,就支持该文,关注我的博客) Moon.Orm 5.0 (MQL版) 版 ...
- mysql 日期函数总结
1.0 格式化:DATE_FORMAT() 函数用于以不同的格式显示日期/时间数据. 语法 DATE_FORMAT(date,format) date 参数是合法的日期.format 规定日期/时间的 ...
- C# ~ 从 委托事件 到 观察者模式 - Observer
委托和事件的部分基础知识可参见 C#/.NET 基础学习 之 [委托-事件] 部分: 参考 [1]. 初识事件 到 自定义事件: [2]. 从类型不安全的委托 到 类型安全的事件: [3]. 函数指针 ...
- C# MVC绑定 List<DapperRow>到bootstrap-table列表
1.Dapper返回List<dynamic>对象 /// <summary> /// 获取候选人推荐的分页数据 /// </summary> /// <pa ...