javascript - 使用 document.getElementID() 方法获取选定的选项 ID

Question

我想在 javascript 中获得选定的选项 ID，

personalData['childname']=window.frames[0].document.getElementById('student_name').value;

HTML::

<tr>
<td align="right" width="40%"><label for="student" class="student" data-icon="">Select Name</label></td>
<td><select class="field" id="student_name"  required="required"  >

</select></td>
</tr>

**动态加载值**

这一行给了我价值，我怎样才能得到所选选项的 id ？？？

Answer 1

未测试

var $select = $('#student_name', window.frames[0].document);
var id = $select.find('[value="' + $select.val() + '"]').attr('id');

或者

var id = $('#student_name option:selected', window.frames[0].document).attr('id');

Answer 2

尝试

javascript:

personalData['childname']=window.frames[0].document.getElementById('student_name').id;

jQuery :

personalData['childname']=$('#student_name option:selected', window.frames[0].document).attr('id');

Answer 3

纯JS：

var elem = window.frames[0].document.getElementById('student_name');
personalData['childname'] = elem.options[elem.selectedIndex].id;

见jsfiddle 演示

Answer 4

尝试这个：

personalData['childname']=window.frames[0].document.getElementById('student_name').getAttribute("id");