• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Selectiertes Bild an hidden Input übergeben

K

ka9de

Mitglied
Hallo zusammen

Ich habe eine Funktion

HTML: 
$(".selectlayout li").click(function () {
                    $(this).addClass("selected").siblings().removeClass("selected");
                });

.. die einer Liste von Bildern eine Klasse hinzufügt, falls man sie anklickt. Die Liste sieht zB so aus:

HTML: 
            <ol class="selectlayout">
                <li class="selected"><img src="images/layouts/1.jpg" alt="Layout 1" /></li>
                <li><img src="images/layouts/2.jpg" alt="Layout 2" /></li>
                <li><img src="images/layouts/3.jpg" alt="Layout 3" /></li>
            </ol>

Ich möchte jetzt, dass beim selektieren eines Bildes, zB der src oder das alt-Tag vom Bild einem hidden input übergeben wird.
Kann mir da jemand helfen?

Danke und Grüße aus der Zeitdruckhölle
 
Prinzipiell:

HTML: 
<!DOCTYPE html>

<html lang="en">

    <head>
        <meta charset="utf-8" />
        <title>Bla</title>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script type="text/javascript">

        $(function () {
            $('img').bind('click', function () {
                $('#demo').attr('value', $(this).attr('alt'));
            });
        });

        </script>
    </head>

    <body>

        <p><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/7/79/Camille_Corot-Nadar.jpg/249px-Camille_Corot-Nadar.jpg" alt="Corot" /></p>

        <form method="post" action="">
            <input id="demo" type="text" name="demo" value="" />
        </form>

    </body>

</html>
 
Danke, klappt wunderbar!!

HTML: 
$(function () {
            $('.selectable').bind('click', function () {
                $(this).addClass("selected").siblings().removeClass("selected");
                $('#demo').attr('value', $(this).attr('alt'));
            });
        });
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben