jquery获得某个元素下所有select的值的有关问题

jquery获得某个元素下所有select的值的问题

JScript code

    $(".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);    });

HTML code

&lt;div class="time"&gt;&lt;select id="fWeek" name="fWeek"&gt;&lt;option value="周一" title="-"&gt;周一&lt;/option&gt;&lt;option value="周二" title="-"&gt;周二&lt;/option&gt;&lt;option value="周日" title="-"&gt;周日&lt;/option&gt;&lt;/select&gt; -&lt;select id="eWeek" name="eWeek"&gt;&lt;option value="周四" title=" "&gt;周四&lt;/option&gt;&lt;option value="周五" title=" "&gt;周五&lt;/option&gt;&lt;option value="周六" title=" "&gt;周六&lt;/option&gt;&lt;option value="周日" title=" "&gt;周日&lt;/option&gt;&lt;/select&gt;:&lt;select id="fHour" name="fHour"&gt;&lt;option value="6" title=":"&gt;6&lt;/option&gt;&lt;option value="7" title=":"&gt;7&lt;/option&gt;&lt;option value="8" title=":"&gt;8&lt;/option&gt;&lt;option value="9" title=":"&gt;9&lt;/option&gt;&lt;option value="10" title=":"&gt;10&lt;/option&gt;&lt;option value="11" title=":"&gt;11&lt;/option&gt;&lt;option value="12" title=":"&gt;12&lt;/option&gt;&lt;option value="13" title=":"&gt;13&lt;/option&gt;&lt;option value="14" title=":"&gt;14&lt;/option&gt;&lt;option value="15" title=":"&gt;15&lt;/option&gt;&lt;option value="16" title=":"&gt;16&lt;/option&gt;&lt;option value="17" title=":"&gt;17&lt;/option&gt;&lt;option value="18" title=":"&gt;18&lt;/option&gt;&lt;option value="19" title=":"&gt;19&lt;/option&gt;&lt;/select&gt;&lt;select id="fMin"&gt;&lt;option value="00" title=":"&gt;00&lt;/option&gt;&lt;option value="15" title=":"&gt;15&lt;/option&gt;&lt;option value="30" title=":"&gt;30&lt;/option&gt;&lt;option value="45" title=":"&gt;45&lt;/option&gt;&lt;/select&gt; -&lt;select id="eHour" name="eHour"&gt;&lt;option value="12" title=":"&gt;12&lt;/option&gt;&lt;option value="13" title=":"&gt;13&lt;/option&gt;&lt;option value="14" title=":"&gt;14&lt;/option&gt;&lt;option value="15" title=":"&gt;15&lt;/option&gt;&lt;option value="16" title=":"&gt;16&lt;/option&gt;&lt;option value="17" title=":"&gt;17&lt;/option&gt;&lt;option value="18" title=":"&gt;18&lt;/option&gt;&lt;option value="19" title=":"&gt;19&lt;/option&gt;&lt;option value="20" title=":"&gt;20&lt;/option&gt;&lt;option value="21" title=":"&gt;21&lt;/option&gt;&lt;option value="22" title=":"&gt;22&lt;/option&gt;&lt;option value="23" title=":"&gt;23&lt;/option&gt;&lt;option value="24" title=":"&gt;24&lt;/option&gt;&lt;option value="01" title=":"&gt;01&lt;/option&gt;&lt;option value="02" title=":"&gt;02&lt;/option&gt;&lt;option value="03" title=":"&gt;03&lt;/option&gt;&lt;/select&gt;&lt;select id="eMin" name="eMin"&gt;&lt;option value="00"&gt;00&lt;/option&gt;&lt;option value="15"&gt;&lt;/option&gt;&lt;option value="30"&gt;30&lt;/option&gt;&lt;option value="45"&gt;45&lt;/option&gt;&lt;/select&gt;&lt;input type="text" name="optime" /&gt;&lt;/div&gt;

现在获取的值是：周一周四6001200，没有任何分隔符，我希望
获取到的值是这样的：周一~周四 6:00~12:00
所以在每个option那里加个title表示分隔符，可是
如果把 str+=$(this).val();
改成：str+=$(this).val()+$(this).attr("title")

结果是分割符那里全是undefine

[解决办法]

HTML code

&lt;div class="time"&gt;        &lt;select id="fWeek" name="fWeek" title="-"&gt;            &lt;option value="周一" &gt;周一&lt;/option&gt;            &lt;option value="周二" &gt;周二&lt;/option&gt;            &lt;option value="周日" &gt;周日&lt;/option&gt;        &lt;/select&gt;        -        &lt;select id="eWeek" name="eWeek" title=" "&gt;            &lt;option value="周四"  &gt;周四&lt;/option&gt;            &lt;option value="周五" &gt;周五&lt;/option&gt;            &lt;option value="周六" &gt;周六&lt;/option&gt;            &lt;option value="周日" &gt;周日&lt;/option&gt;        &lt;/select&gt;:        &lt;select id="fHour" name="fHour" title=":"&gt;            &lt;option value="6" &gt;6&lt;/option&gt;            &lt;option value="7" &gt;7&lt;/option&gt;            &lt;option value="8" &gt;8&lt;/option&gt;            &lt;option value="9"&gt;9&lt;/option&gt;            &lt;option value="10" &gt;10&lt;/option&gt;            &lt;option value="11" &gt;11&lt;/option&gt;            &lt;option value="12" &gt;12&lt;/option&gt;            &lt;option value="13" &gt;13&lt;/option&gt;            &lt;option value="14" &gt;14&lt;/option&gt;            &lt;option value="15" &gt;15&lt;/option&gt;            &lt;option value="16" &gt;16&lt;/option&gt;            &lt;option value="17" &gt;17&lt;/option&gt;            &lt;option value="18" &gt;18&lt;/option&gt;            &lt;option value="19" &gt;19&lt;/option&gt;        &lt;/select&gt;&lt;select id="fMin" title=":"&gt;&gt;&lt;option value="00" &gt;00&lt;/option&gt;            &lt;option value="15" &gt;15&lt;/option&gt;            &lt;option value="30" &gt;30&lt;/option&gt;            &lt;option value="45" &gt;45&lt;/option&gt;        &lt;/select&gt;        -        &lt;select id="eHour" name="eHour" title=":"&gt;            &lt;option value="12" &gt;12&lt;/option&gt;            &lt;option value="13" &gt;13&lt;/option&gt;            &lt;option value="14"&gt;14&lt;/option&gt;            &lt;option value="15" &gt;15&lt;/option&gt;            &lt;option value="16" &gt;16&lt;/option&gt;            &lt;option value="17" &gt;17&lt;/option&gt;            &lt;option value="18" &gt;18&lt;/option&gt;            &lt;option value="19" &gt;19&lt;/option&gt;            &lt;option value="20" &gt;20&lt;/option&gt;            &lt;option value="21" &gt;21&lt;/option&gt;            &lt;option value="22" &gt;22&lt;/option&gt;            &lt;option value="23" &gt;23&lt;/option&gt;            &lt;option value="24" &gt;24&lt;/option&gt;            &lt;option value="01" &gt;01&lt;/option&gt;            &lt;option value="02" &gt;02&lt;/option&gt;            &lt;option value="03" &gt;03&lt;/option&gt;        &lt;/select&gt;        &lt;select id="eMin" name="eMin"&gt;            &lt;option value="00"&gt;00&lt;/option&gt;            &lt;option value="15"&gt;&lt;/option&gt;            &lt;option value="30"&gt;30&lt;/option&gt;            &lt;option value="45"&gt;45&lt;/option&gt;        &lt;/select&gt;        &lt;input type="text" name="optime" /&gt;    &lt;/div&gt;

jquery获得某个元素下所有select的值的

热点推荐