javascript-如何遍历多个下拉列表并访问其选项值

我正在为基本的GPA计算器编写代码.基本上,它是一个3列的表格,两个文本区域表示课程名称/学时,一个下拉列表包含字母等级(A,C,B-)及其相应的点值作为选项值,像这样

<td><select name="letterGrades">
<option value="0.7">A+</option>>
<option value="1.3">A-</option>>
<option value="2.7">C+</option>
</option>
</select>
</td>

我需要遍历行,获取每个课程的选项值或“等级”.

var table = document.getElementById(tableID);

for(var i=0; i<rowCount; i++) {

 grade = table.rows[i].cells[2].options[letterGrades.selectedIndex].id; //is this allowed?
 credits = parseFloat(table.rows[i].cells[1].value);
 totalHours += parseFloat(table.rows[i].cells[1].value);  
 perCourse += grade*credits

 } 

totalGPA = perCourse/totalHours;

我意识到还有其他方法可以将字母分配给它们的点值(数组？),但我仍然不知道如何遍历下拉列表并获取其选项值.

解决方法:

转到< select>项目第一.如果可能的话,建议您使用document.getElementsByTagName(‘select’)获取所有< select>页面上的标签.然后,对于每个< select>标记,请调用theSelectTag.getElementsByTagName(‘option’)(其中SelectSelect是返回的节点列表中的对象).然后,您可以通过value属性(y rly)访问它们的值,并通过textContent属性访问它们的标签.

getElementsByTagName返回一个NodeList对象,但是您可以将其与Array一样对待.

标签：html-table,drop-down-menu,javascript
来源： https://codeday.me/bug/20191210/2100307.html