[JavaScript] Select-Box

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Tupperware, 14. Oktober 2006 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 14. Oktober 2006
    Select-Box

    Ich habe folgenden Code:

    HTML:
    <select name="select1" size="1">
<option name="1">Option1</option>
<option name="2">Option2</option>
<option name="3">Option3</option></select>
    Wenn ich nun Option1 auswähle, soll im Sleben Moment untendrunter ein Textfeld erscheinen, wo "Wert1" davorsteht.
    Wenn ich dann aber Option2 auswähle, soll anstelle "Wert1" halt Wert2" dastehen.

    Aber die Seite soll natürlich nicht erst neu geladen werden, sondern das soll alles per Javascript sofort geschehen.
     
  3. 14. Oktober 2006
    AW: Select-Box

    Entweder per div, dass du dann ggf. einblendest oder direkt per Ajax. Was du nimmst ist dir ueberlassen!
     
  4. 14. Oktober 2006
    AW: Select-Box

    viel zu kompliziert.

    Code:
    <form name="blah">
<input type="radio" name="blubb" value="wert1" onclick="document.blah.feld.value='wert1';">wert1</input>
<input type="radio" name="blubb" value="wert2" onclick="document.blah.feld.value='wert2';">wert2</input>
<input type="radio" name="blubb" value="wert3" onclick="document.blah.feld.value='wert3';">wert3</input>
<input type="text" name="feld" value="">
</form>
     
  5. 14. Oktober 2006
    AW: Select-Box

    so schonmal nicht verkehrt, aber es sollte als text ausgegeben werden, nicht in einem Textfeld.
    Wie mach ich das ? Ich habe von JavaScript keine Ahnung ^^

    Achja, mit Textfeld meinte ich, dass das erst eingeblendet werden soll, wenn man was ausgewählt hat.
    Also:
    Ich wähle in der Liste "Wert1" aus, und in dem Moment erscheint untendrunter der Text "Geben Sie Wert1 ein:" und dann ein Textfeld.
     
  6. 14. Oktober 2006
    AW: Select-Box

    Code:
    <select>
<option value="lol" onClick="getElementById('lol').innerHTML = 'Wert lol: <input type=text name=lol>'; document.getElementById('lol').style.display='';>lol wert 1 </option>
<option value="lol2" onClick="getElementById(''lol').innerHTML = 'Wert 2: <input type=text name=lol>'; document.getElementById('lol').style.display='';">lol wert 2 </option>

<div id="lol" style="display:none;">
....
</div>
    probiers mal aus.
     
  7. 14. Oktober 2006
    AW: Select-Box

    dadurch, dass du " und ' ausgibst, gehts nicht...
    Bitte, das muss doch möglich sein...
     
  8. 14. Oktober 2006
    AW: Select-Box

    .... Schreib dir einfach den Code von Tupperware in eine Funktion und dann ist es moeglich....
     
  9. 15. Oktober 2006
    AW: Select-Box

    <script language="JAVASCRIPT">
    var AnzahlDerFelder = 2;
    function toggle(id){
    document.getElementById(id).style.display='';
    for(var i=1;i<=AnzahlDerFelder;i++) {
    if(i != id) {
    document.getElementById(i).style.display='none';
    }
    }
    }
    </script>
    <select>
    <option value="doof" onClick="JavaScript:toggle('1');">Doooof!</option>
    <option value="doof2" onClick="JavaScript:toggle('2');">Doooof2222!</option>
    </select>
    <div id="1" style="display:none;">
    lol1 <input type="text" style="width:10000px; height:2000px;">
    </div>
    <div id="2" style="display:none;">
    lol2
    </div>


    Wenn du noch mehr hinzufügst, machs so:

    AnzahlDerFelder inkrementieren (+1);
    <option onClick="JavaScript:toggle('3');">
    und natürlich div:
    <div id="3" style="display:none;">
    kacknhaesslich
    </div>


    ---
    Viel Spaß.
     
  10. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.