Anzeige bei Auswahl (Webframeworks, Sonstige Fragen zur Webprogrammierung mit Perl)

[thread]15597[/thread]

Anzeige bei Auswahl

Leser: 15

Articles: hide open all | hide show old branches

+3 replies

Gast Meme

2010-11-03 16:06

Hallo,
ich habe folgendes Problem...

In einem Formular (Formulat.pl) gibt es eine Auswahlbox.
Wenn nur ein (1) Produkt ausgewählt wird, soll ohne Reload der Seite ein Text erscheinen (z.B. Sie haben nur 1 Produkt gewählt).

Wenn zwei oder besser gesagt mehr als 1 Produkt ausgewählt wurde, soll ein anderer Text unten erscheinen.

Kann ich hierzu z.B. Java/Ajax einsetzen, damit ich keinen Reload der Seite brauche?
Hat jemand vielleicht ein Beispiel?
Last edited: 2010-11-03 16:08:07 +0100 (CET)

+2 replies

renee

2010-11-03 16:14

User since
2003-08-04
14371 Artikel
ModeratorIn

Wofür brauchst Du überhaupt Kommunikation mit einem Server?

Code (html): (dl )

<html>
<body>
<script type="text/javascript">
    function check_nr(element) {
        var checked = 0;
        for( var i = 0; i < element.options.length; i++ ) {
            if ( element.options[i].selected ) {
                checked++;
            }
        }

        if ( checked == 1 ) {
            alert( 'Hey, du hast nur eine option ausgesucht' );
        }
        else {
            alert( checked + " Optionen ausgesucht" );
        }
    }
</script>
<select size="4" name="test" onchange="check_nr(this)" multiple="1">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
</select>
</body>
</html>

OTRS-Erweiterungen (http://feature-addons.de/)
Frankfurt Perlmongers (http://frankfurt.pm/)
--

Unterlagen OTRS-Workshop 2012: http://otrs.perl-services.de/workshop.html
Perl-Entwicklung: http://perl-services.de/

topeg

2010-11-03 17:03

User since
2006-07-10
2611 Artikel
BenutzerIn

user image

Den Inhalt der Seite modifizieren:

Code (html): (dl )

<html>
<body>
<script type="text/javascript">
    function check_nr(element) {
        var checked = 0;
        for( var i = 0; i < element.options.length; i++ ) {
            if ( element.options[i].selected ) {
                checked++;
            }
        }
        // get output-element
        var content=document.getElementById('content');

        // set new content
        if ( checked == 0 ) {
          content.innerHTML='Keine Option ausgesucht ...';
        }
        else if ( checked == 1 ) {
           content.innerHTML='Hey, du hast nur eine option ausgesucht';
        }
        else {
           content.innerHTML=checked + " Optionen ausgesucht";
        }
    }
</script>
<select size="4" name="test" onchange="check_nr(this)" multiple="1">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
</select>
<p id="content">leer</p>
</body>
</html>

View all threads created 2010-11-03 16:06.