jquery 有间隔 获取select的值

Question

如题 我想做一个级别的联动
html 代码：
<div class="timeslot">
  

Answer 1

 在这个div 上面
  <div class="main" id="main0">
                                <ul class="block">
                                    <li style="width:100%">
                                        <div class="timeslot">
                                            <b>时间段1：</b>从 <select name="GzRSz" id="GzRSz_时间段1_from"></select>到<select name="GzRSz" id="GzRSz_时间段1_to" ></select></div>
                                        <div class="timeslot">
                                            <b>时间段2：</b>从<select name="GzRSz_时间段2_from" class="selected" id="GzRSz_时间段2_from"></select>到<select name="GzRSz_时间段2_to" class="selected" id="GzRSz_时间段2_to"></select></div>
                                        <div class="timeslot">
                                            <b>时间段3：</b>从<select name="GzRSz_时间段3_from" class="selected" id="GzRSz_时间段3_from"></select>到<select name="GzRSz_时间段3_to" class="selected" id="GzRSz_时间段3_to"></select></div>
                                        <div class="timeslot">
                                            <b>时间段4：</b>从<select name="GzRSz_时间段4_from" class="selected" id="GzRSz_时间段4_from"></select>到<select name="GzRSz_时间段4_to" class="selected" id="GzRSz_时间段4_to"></select></div>
                                            <div class="timeslot">
                                            <b>时间段5：</b>从<select name="GzRSz_时间段5_from" class="selected" id="GzRSz_时间段5_from"></select>到<select name="GzRSz_时间段5_to"  id="GzRSz_时间段5_to"></select></div>
                                        
                                    </li>

Answer 2

你的需求是怎么样的，每个时间段的前一个下拉列表onchange时初始化后一个下拉列表？

Answer 3

$(document).ready( function() {
    //这样试试
    $(".timeslot :select:eq(0)").change( function() {
        InintDateTime($(this).parent().find(":select:last").attr('id'), $(this).attr('id');
    });
});

Answer 4

并不是每个时间段 而是全部的div main0 下面所有的select change 的时候 初始化下一个select

Answer 5

 这样写 只是每个时间段 的第一个change 的时候 初始下一个select有用吧？

Answer 6

那样的话岂不是还要加一个判断，不然最后一个下拉列表触发onchange事件时代码就出错了。

Answer 7

额 对的 我想用最笨的方法 解决 那就是每个select 添加change 事件 我给它写死了 NND~~~

Answer 8

(function(){
      $("#main0 select").change(function(){
       var selectid=$("#"+this.id).next();
       if(selectid.length){
       alert(selectid.attr("id"));
       }
       else{
       var nextDiv = $("#"+this.id).parents("div:first").next();
       var nextselect = nextDiv.find("select:first");
       alert(nextselect.attr("id"));
       } 
      
     });
    });

Answer 9

//这样试试
$("#main0 :select").change(function() {
    var idx = $("#main0 :select").index(this);
    if (idx != $("#main0 :select").length - 1) InintDateTime($("#main0 :select").eq(idx + 1).attr('id'), $(this).attr('id'));
});