$(".time").children("select").change(function(){
var str="";
$(".time").children("select").each(function(){
str+=$(this).val(); //str+=$(this).val()+$(this).attr("title")要改成这个就不行了
});
$("input[name=optime]").val(str);
});
<div class="time">
<select id="fWeek" name="fWeek"><option value="周一" title="-">周一</option><option value="周二" title="-">周二</option><option value="周日" title="-">周日</option></select> -
<select id="eWeek" name="eWeek"><option value="周四" title=" ">周四</option><option value="周五" title=" ">周五</option><option value="周六" title=" ">周六</option><option value="周日" title=" ">周日</option></select>:
<select id="fHour" name="fHour"><option value="6" title=":">6</option><option value="7" title=":">7</option><option value="8" title=":">8</option><option value="9" title=":">9</option><option value="10" title=":">10</option><option value="11" title=":">11</option><option value="12" title=":">12</option><option value="13" title=":">13</option><option value="14" title=":">14</option><option value="15" title=":">15</option><option value="16" title=":">16</option><option value="17" title=":">17</option><option value="18" title=":">18</option><option value="19" title=":">19</option></select><select id="fMin"><option value="00" title=":">00</option><option value="15" title=":">15</option><option value="30" title=":">30</option><option value="45" title=":">45</option></select> -
<select id="eHour" name="eHour"><option value="12" title=":">12</option><option value="13" title=":">13</option><option value="14" title=":">14</option><option value="15" title=":">15</option><option value="16" title=":">16</option><option value="17" title=":">17</option><option value="18" title=":">18</option><option value="19" title=":">19</option><option value="20" title=":">20</option><option value="21" title=":">21</option><option value="22" title=":">22</option><option value="23" title=":">23</option><option value="24" title=":">24</option><option value="01" title=":">01</option><option value="02" title=":">02</option><option value="03" title=":">03</option></select>
<select id="eMin" name="eMin"><option value="00">00</option><option value="15"></option><option value="30">30</option><option value="45">45</option></select>
<input type="text" name="optime" />
</div>
现在获取的值是:周一周四6001200,没有任何分隔符,我希望
获取到的值是这样的:周一~周四 6:00~12:00
所以在每个option那里加个title表示分隔符,可是 
如果把 str+=$(this).val(); 
改成:str+=$(this).val()+$(this).attr("title")结果是分割符那里全是undefine

解决方案 »

  1.   


    <div class="time">
            <select id="fWeek" name="fWeek" title="-">
                <option value="周一" >周一</option>
                <option value="周二" >周二</option>
                <option value="周日" >周日</option>
            </select>
            -
            <select id="eWeek" name="eWeek" title=" ">
                <option value="周四"  >周四</option>
                <option value="周五" >周五</option>
                <option value="周六" >周六</option>
                <option value="周日" >周日</option>
            </select>:
            <select id="fHour" name="fHour" title=":">
                <option value="6" >6</option>
                <option value="7" >7</option>
                <option value="8" >8</option>
                <option value="9">9</option>
                <option value="10" >10</option>
                <option value="11" >11</option>
                <option value="12" >12</option>
                <option value="13" >13</option>
                <option value="14" >14</option>
                <option value="15" >15</option>
                <option value="16" >16</option>
                <option value="17" >17</option>
                <option value="18" >18</option>
                <option value="19" >19</option>
            </select><select id="fMin" title=":">><option value="00" >00</option>
                <option value="15" >15</option>
                <option value="30" >30</option>
                <option value="45" >45</option>
            </select>
            -
            <select id="eHour" name="eHour" title=":">
                <option value="12" >12</option>
                <option value="13" >13</option>
                <option value="14">14</option>
                <option value="15" >15</option>
                <option value="16" >16</option>
                <option value="17" >17</option>
                <option value="18" >18</option>
                <option value="19" >19</option>
                <option value="20" >20</option>
                <option value="21" >21</option>
                <option value="22" >22</option>
                <option value="23" >23</option>
                <option value="24" >24</option>
                <option value="01" >01</option>
                <option value="02" >02</option>
                <option value="03" >03</option>
            </select>
            <select id="eMin" name="eMin">
                <option value="00">00</option>
                <option value="15"></option>
                <option value="30">30</option>
                <option value="45">45</option>
            </select>
            <input type="text" name="optime" />
        </div>改成这样
    $(this).attr("title")这获取的是$(".time").children("select")它的title。。你本来就没定义怎么能获取到了