JS display function

I have some drop down menu options of php files and want to display them on the same page when user selects and click on view button but I don't know how to complete my code :

<select id="report" >

<?php

echo "<option value=\"".data_summary.".php\">--Select--</option>";

echo "<option value=\"".data_summary.".php\">Data Summary</option>";

    echo "<option value=\"".outputs_reports.".php\">Outputs reports</option>";

echo "<option value=\"".outcomes_reports.".php\">Outcomes reports</option>";

echo "<option value=\"".sroi_reports.".php\">SROI reports</option>";

?>

        </select>

        <button onclick="view()">View</button>

        <hr />

        <div id="pdf">

            <script type="text/javascript">

                function view()

                {

                    var e = document.getElementById("report");

                    var str = e.options[e.selectedIndex].value;

              

--
You received this message because you are subscribed to the Google Groups "JavaScript Forum" group.
To unsubscribe from this group and stop receiving emails from it, send an email to javascript-information+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.