javascript - 选择框架内的所有html选择元素

Question

我的html文档结构如下:

<frameset cols="25%,50%,25%">
    <frame name="name1" src="frame_a.htm">
    <frame name="name2" src="frame_b.htm">
</frameset>

frame_a.htm 和 frame_b.htm 都返回带有选择元素的表单:

<form>
    <select id="select1">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>
    <select id="select4">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>
</form>

和

<form>
    <select id="select2">
        <option value="1">1</option>
        <option value="2">2</option>
    </select>
</form>

如何只选择第一帧的所有选择器元素？

我尝试了以下选项:

jQuery("frame[name='name1'] select").each(function( index ) {
     var elementID = jQuery(this).attr('id');
     alert(elementID);
});
jQuery("frame[name='name1']").find('select').each(function( index ) {
     var elementID = jQuery(this).attr('id');
     alert(elementID);
});
jQuery("frame[name='name1']").contents().find('select').each(function( index ) {
     var elementID = jQuery(this).attr('id');
     alert(elementID);
});

但这并没有帮助。 另外，我尝试提醒框架，它起作用了:

    jQuery("frame[name='name1']").each(function( index ) {
        alert("test1");
    } );

但是当尝试提醒所有选择的元素时，它不会:

    jQuery( "select" ).each(function( index ) {
        alert("test2");
    });

注意:我正在使用以下代码加载代码:

<script>
    jQuery(document).ready(function() {
        //here I put JavaScript code
    });
</script>

Answer 1

尝试

jQuery("frame[name='name1']").contents().find('select').each(function( index ) {
     var elementID = jQuery(this).attr('id');
     alert(elementID);
});