javascript选择表单选项

Question

<div id="pdf">
    <script type="text/javascript">
        function get_pdf_file( elem ) {
            var filename = elem.options[elem.selectedIndex].value;
            var file_id = elem.options[elem.selectedIndex].id;
            var id = elem.options[elem.selectedIndex].index;
            // output some stuff to console: it works
            console.log( 'get_pdf_file( elem ) filename id: ' + id );
        }
    </script>
    <div id="choose_pdf">
        <form id="select_pdf_file">
            <select name="pdf_file" onChange="get_pdf_file( this )">
                <?php
                    for ( $i = 0; $i < $count_filenames; $i++ ) {
                        if ( $i == 0 ) {
                            echo '<option id="file_' . $i . '" value="' . $filenames[$i] . '" selected >' . $filenames[$i] . '</option>';
                            $pdf_file = $filenames[$i];
                        } else {
                    echo '<option id="file_' . $i . '" value="' . $filenames[$i] . '">' . $filenames[$i] . '</option>';
                        }
                    }
                    # output from above:
                    #<option id="file_1" value="tutorial_1.pdf" selected >tutorial_1.pdf</option>
                    #<option id="file_2" value="tutorial_2.pdf" >tutorial_2.pdf</option>
                    # ...
                    # ...
                ?>
            </select>
        </form>
    </div>
    <!-- here is the container to output the selected file "$pdf_file" (see above)-->
    <object width="1000" height="803" type="application/pdf" data="<?php echo $pdf_file ?>?#zoom=58.7&scrollbar=1&toolbar=1&navpanes=1" id="pdf_content">
        <p>Insert your error message here, if the PDF cannot be displayed.</p>
    </object>
</div>

变量$count_filenames是名为$filenames的数组中的元素数，其中包含各种.pdf文件的名称...

相信我会错过一些代码，例如，用户操作选择tutorial_2.pdf时总是输出相同的文件，即tutorial_1.pdf…

请帮助解决这个问题！

Answer 1

您应该执行相同的$pdf_file = $filenames[$i]; 在其他情况下也是如此。

 else {
            echo '<option id="file_' . $i . '" value="' . $filenames[$i] . '">' . $filenames[$i] . '</option>';
$pdf_file = $filenames[$i];
        }

Answer 2

更好的是

for ( $i = 0; $i < $count_filenames; $i++ ) {
    if ( $i == 0 ) 
        echo '<option id="file_' . $i . '" value="' . $filenames[$i] . '" selected >' . $filenames[$i] . '</option>';
    else 
        echo '<option id="file_' . $i . '" value="' . $filenames[$i] . '">' . $filenames[$i] . '</option>';
    $pdf_file = $filenames[$i];
}