简体   繁体   English

jQuery遍历特定div中的多个选择选项

[英]Jquery iterate through multiple select options in a specific div

I want to iterate through multiple select options in a specific div via Jquery each function. 我想通过Jquery每个函数遍历特定div中的多个选择选项。 And after that if there is atleast one empty field, the loop breaks and set 0 to reqCourseFlag variable.My implementation is below but it does not looping through 之后,如果至少有一个空字段,则循环中断并将0设置为reqCourseFlag变量。我的实现在下面,但没有循环通过

HTML: HTML:

 <div id="IENG349ReqCourses" class="reqCourses">
                                        <center>
                                            <table>
                                                <caption style="color:#f00;">Please select your grades for required courses.</caption>
                                                <tr>
                                                    <td valign="middle">
                                                        <label>IENG 102 - Intro to IE:</label>
                                                    </td>
                                                    <td>
                                                        <select id="intershipTypeBox" name="IENG102Grade">
                                                            <option value="">--select--</option>
                                                            <option value="NOT TAKEN">NOT TAKEN</option>
                                                            <option value="TAKING">TAKING</option>
                                                            <option value="A">A</option>
                                                            <option value="A-">A-</option>
                                                            <option value="B+">B+</option>
                                                            <option value="B">B</option>
                                                            <option value="B-">B-</option>
                                                            <option value="C+">C+</option>
                                                            <option value="C">C</option>
                                                            <option value="F">F</option>
                                                        </select>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td valign="middle">
                                                        <label>IENG104 - Comp. Aided Drawing:</label>
                                                    </td>
                                                    <td>
                                                        <select id="intershipTypeBox" name="IENG104Grade">
                                                            <option value="">--select--</option>
                                                            <option value="NOT TAKEN">NOT TAKEN</option>
                                                            <option value="TAKING">TAKING</option>
                                                            <option value="A">A</option>
                                                            <option value="A-">A-</option>
                                                            <option value="B+">B+</option>
                                                            <option value="B">B</option>
                                                            <option value="B-">B-</option>
                                                            <option value="C+">C+</option>
                                                            <option value="C">C</option>
                                                            <option value="F">F</option>
                                                        </select>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td valign="middle">
                                                        <label>IENG 211 - Prob. In Eng.:</label>
                                                    </td>
                                                    <td>
                                                        <select id="intershipTypeBox" name="IENG211Grade">
                                                            <option value="">--select--</option>
                                                            <option value="NOT TAKEN">NOT TAKEN</option>
                                                            <option value="TAKING">TAKING</option>
                                                            <option value="A">A</option>
                                                            <option value="A-">A-</option>
                                                            <option value="B+">B+</option>
                                                            <option value="B">B</option>
                                                            <option value="B-">B-</option>
                                                            <option value="C+">C+</option>
                                                            <option value="C">C</option>
                                                            <option value="F">F</option>
                                                        </select>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td valign="middle">
                                                        <label>IENG 212 - Eng. Statistics:</label>
                                                    </td>
                                                    <td>
                                                        <select id="intershipTypeBox" name="IENG212Grade">
                                                            <option value="">--select--</option>
                                                            <option value="NOT TAKEN">NOT TAKEN</option>
                                                            <option value="TAKING">TAKING</option>
                                                            <option value="A">A</option>
                                                            <option value="A-">A-</option>
                                                            <option value="B+">B+</option>
                                                            <option value="B">B</option>
                                                            <option value="B-">B-</option>
                                                            <option value="C+">C+</option>
                                                            <option value="C">C</option>
                                                            <option value="F">F</option>
                                                        </select>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td valign="middle">
                                                        <label>IENG 221 - Work Syst. Analysis and Design:</label>
                                                    </td>
                                                    <td>
                                                        <select id="intershipTypeBox" name="IENG221Grade">
                                                            <option value="">--select--</option>
                                                            <option value="NOT TAKEN">NOT TAKEN</option>
                                                            <option value="TAKING">TAKING</option>
                                                            <option value="A">A</option>
                                                            <option value="A-">A-</option>
                                                            <option value="B+">B+</option>
                                                            <option value="B">B</option>
                                                            <option value="B-">B-</option>
                                                            <option value="C+">C+</option>
                                                            <option value="C">C</option>
                                                            <option value="F">F</option>
                                                        </select>
                                                    </td>
                                                </tr>
                                            </table>
                                        </center>
                                    </div>



   $('div.#IENG349ReqCourses: select> option:selected').each(function() {
        var value = $(this).val();

        if(value === ""){
            reqCourseFlag = 0;
            return false;
        }
    });

Any help would be appriciated. 任何帮助将被申请。

Your selector is incorrect, you don't need the . 您的选择器不正确,您不需要. or the : :

  $('div#IENG349ReqCourses select> option:selected').each(function () {

demo http://jsfiddle.net/Xr5LL/ 演示http://jsfiddle.net/Xr5LL/

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM