Visualizzare anteprima foto in dropdown

Alex_70

Utente Attivo
13 Nov 2018
371
14
18
HELL
Buongiorno a tutti,

mi servirebbe un aiuto, vorrei visualizzare un'anteprima della foto a lato quando seleziono i dropdown

ho provato con javascript ma non funziona,

inoltre vorrei avere la possibilita' di fare una ricerca in dropdown senza scorrere tutta la lista

mi potete aiutare?

PHP:
<?php
        
        
        require_once("connetti.php");

        //select all movie ids, titles, and years and place as options into dropdown
        $movieRS=mysql_query("SELECT film_id, movie_title, year FROM film ORDER BY movie_title ASC", $db_connection) or die(mysql_error());
        $movieOptions="";
        while ($row=mysql_fetch_array($movieRS))
        {
            $id=$row["film_id"];
            $title=$row["movie_title"];
            $year=$row["year"];
            $movieOptions.="<option value=\"$id\"> [".$id."] ".$title." [".$year."]</option>";
        }
        
        //select all movie ids, titles, and years and place as options into dropdown
        $actorRS=mysql_query("SELECT actor_id, nome, foto, birthday FROM actor ORDER BY nome ASC", $db_connection) or die(mysql_error());
        $actorOptions="";
        while ($row=mysql_fetch_array($actorRS))
        {
            $id=$row["actor_id"];
            $nome=$row["nome"];
            $foto=$row["foto"];
            $birthday=$row["birthday"];
            $actorOptions.="<option value=\"$id\"> [".$id."] ".$nome."  [".$birthday."] ".$foto."</option>";
            $actorOptions2.="<option value=\"$id\"> ".$nome."</option>";
        }
        
        //free up query results
        mysql_free_result($actorRS);
        
?>       
            Movie:    <select name="film_id">
                        <?=$movieOptions?>
                    </select><br/><br/>
            Actor:    <select name="actor_id">
                        <?=$actorOptions?>
                    </select><br/><br/>
                    
                    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<select name="dropdown" id="dropdown">
    <option value="<?=$actorOptions2?>">1</option>
    
</select>
<img id="image" src="image_upload/actor/uploads/<?=$nome?> (<?=$id?>)/<?php echo $row['foto']; ?>" width="110px" height="130px" style="border:1px solid #333333;" />
<script type="text/javascript">
$(function(){
    $( '#dropdown' ).change(function(){
        $( '#image' ).attr( 'src', $( this ).val() + ".jpg" );
    })
});
</script>
                    
                    
                    
            
            Credited:    <input type="text" name="credited" value="<?php echo htmlspecialchars($_GET['credited']);?>" maxlength="100"><br/>
            <br/>
            <input type="submit" value="Link Actor to Movie"/>
        </form>
        <hr/>
 

macus_adi

Utente Attivo
5 Dic 2017
1.320
88
48
IT/SW
Prova così e vedi in console cosa ti da----
JavaScript:
fireAction(el){
console.log(el);
debbuger
}

val element=$('#dropdown').on('change',function(){
       fireAction(this);
});
 
Discussioni simili
Autore Titolo Forum Risposte Data
napuleone visualizzare il codice senza usare gli & HTML e CSS 0
Y Come caricare e visualizzare un'immagine PHP 0
M Visualizzare file PDF con link preso dal DB PHP 0
Alex_70 Visualizzare 2 bandiere PHP 6
L Visualizzare tabella all'interno finestra modal PHP 4
P Visual Studio VB.NET Visualizzare un messaggio alla scadenza. .NET Framework 0
J [PHP] Visualizzare risultato query stessa pagina PHP 3
B visualizzare una sola riga Database 3
Alex_70 [PHP] Visualizzare foto tramite select PHP 0
K [ASP] Visualizzare nome del file selezionato Classic ASP 3
M [PHP] Visualizzare un array partendo dal numero 1 e non 0 PHP 5
L [PHP] Visualizzare utente dopo login PHP 0
L [PHP] Visualizzare se una pagina è pingata PHP 1
M [PHP] Visualizzare nell'alert il calcolo PHP 4
D [WordPress] come fare per estrarre dati da un db MySQL tramite una form e visualizzare il risultato WordPress 0
L come visualizzare array di oggetti php PHP 9
S [PHP] visualizzare commento su un prodotto precedentemente selezionato PHP 2
V [Javascript] Visualizzare o nascondere div figlio Javascript 4
W [PHP] Visualizzare errori su Statements in MySQLi PHP 3
S [javascript] visualizzare/nascondere div Javascript 3
felino [Javascript] [jQuery] Slick Carousel: visualizzare una porzione dell'immagine successiva Javascript 0
W [Javascript] Visualizzare l'href di un link nascosto Javascript 0
L [HTML] Problemi a visualizzare le modifiche eseguite alle pagine del sito. HTML e CSS 2
G [HTML] Visualizzare iframe in un blog non funziona sempre xchė? HTML e CSS 3
tritabit [HTML] Visualizzare stelle tipo rating HTML e CSS 5
A Visualizzare div quando le immagini sono state uploadate con successo (Ajax) Ajax 0
T Visualizzare un Xml su un sito in modo semplice XML 1
F Visualizzare data in formato gg/mm/aaaa da database mysql. PHP 3
M [PHP] Visualizzare record nel db PHP 2
M Visualizzare immagini in PHP - MYSQL PHP 0
M Visualizzare immagini da DB in php PHP 0
ecosito [WordPress] Visualizzare una mappa con i pin dei post tramite GPS? WordPress 4
G [PHP] CodeIgniter - Visualizzare singolo risultato PHP 4
Y VISUALIZZARE IMMAGINI DA DB PHP/MYSQL PHP 7
trattorino [PHP] funzione per visualizzare solo carattere PHP 2
S [HTML] Visualizzare XML formattato in HTML HTML e CSS 9
M Visualizzare su più pagine risultato query con fpdf PHP 6
Mer556 Visualizzare un sito nel browser HTML e CSS 1
M Visualizzare da una classe esistente ogni profilo utente PHP 1
Creatt Visualizzare un immagine al mopmento di un messaggio di alert Javascript 7
M Visualizzare tabella in base a selezione PHP 1
T php e mysql - visualizzare righe in colonna PHP 4
A Non riesco più a visualizzare il codice sicurezza nel forum Supporto Mr.Webmaster 3
M Visualizzare data formato 'gg-mm-aaaa' da data timestamp nel DB PHP 1
P non riesco a visualizzare i dati dopo aver inserto l'id PHP 36
A visualizzare testo a seguito di check radio button Javascript 1
M blog - come visualizzare in vista griglia e lista? PHP 1
A visualizzare caratteri speciali Database 1
A Visualizzare minuti con due cifre anche se il valore del tag ne riporta solo uno jQuery 1
A Visualizzare minuti con due cifre anche se il valore del tag ne riporta solo uno jQuery 0

Discussioni simili