How to display multiple images corresponding to options in multiselect list box with checkboxes at a time

<script type="text/javascript">
    $(document).ready(function() {
        $("select").multiselect({
            close: function() {
                debugger;
                var values = new Array();
                $(this).multiselect("getChecked").each(function(index, item) {
                    values.push($(item).val());
                });
                $("input[id*=selectedValues]").val(values.join(","));
            }
        });
    });
</script>

<select size="5" name="example-basic" multiple="multiple" id="dd" >
         <?php
$regId=$_GET['regId'];
$query=mysql_query("select * from pax_reg_upld where regId='$regId'");
while($row=mysql_fetch_array($query))
{
?>
            <option value="files/<?php echo $row['docFile'];?>" ><?php echo $row['docName'];?></option>
    <?php
}
?>

        </select>



        <input type="button" name="Submit" value="Go!" onClick="window.open(dd.value,'newtab'+dd.value)" >