Auswahl-> neues Fenster

Ich hoffe ich hab dein Problem richtig gelöst. Mein Vorschlag dürfte funktionieren und ist etwas weniger Code.
HTML: 
<html>
<head>
<script type="text/javascript">
var namen=new Array();
namen[0]="erstes";
namen[1]="zweites";
namen[2]="drittes";
namen[3]="viertes";
namen[4]="fuenftes";
namen[5]="sechstes";
namen[6]="siebtes";
namen[7]="achtes";
namen[8]="neuntes";
namen[9]="zehntes";
function disable(){
    var val=document.suche.selectblock.options[document.suche.selectblock.options.selectedIndex].value; //GUCKT WELCHER WERT GEWÄHLT IST
    var i=0;
    document.getElementById("input_felder").innerHTML="";//LÖSCHT ALLE EINGABE FELDER
    while(i<10)
    {
        var el=document.createElement("input");//ERSTELLT NEUES INPUT ELEMENT
        if(i<val)
        {
            el.setAttribute("type","text"); //SETZT FEST, DASS MAN TEXT EINGEBEN KANN
        }
        else
        {
            el.setAttribute("type","hidden"); //SETZT FEST, DASS DAS FELD HIDDEN IST
        }
        el.setAttribute("name",namen[i]); //SETZT DEN NAMEN DES FELDES
        document.getElementById("input_felder").appendChild(el); //FÜGT DAS INPUT ELEMNT IN DAS DIV "INPUT FELDER"  EIN
        i++;
    }
}

</script>

</head>
<body>
</body>
<form name="suche">
<div id="input_felder">
    <input name="erstes"></input>
    <input name="zweites"></input>
    <input name="drittes"></input>
    <input name="viertes"></input>
    <input name="fuenftes"></input>
    <input name="sechstes"></input>
    <input name="siebtes"></input>
    <input name="achtes"></input>
    <input name="neuntes"></input>
    <input name="zehntes"></input>
</div>
<select name="selectblock" onchange="disable()">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>

</form>
</html>
PS: Ich hab das ü in fünfte durch ue ersetzt, weil Umlaute immer ne etwas heickle Sache ist.
 
Klappt Super.
Besteht die Möglichkeit noch weitere Selectboxen anzuzeigen? Also so wie schon oben geschirben. Das wenn man die 3wählt. Das dann 3 textfelder angezeigt werden. Und darunter dann 3selectboxen? Oder muss man dann wieder eine neue Zuweisung schreiben?
 
Meinste etwa sowas?:
HTML: 
<html>
<head>
<script type="text/javascript">
var namen=new Array();
namen[0]="erstes";
namen[1]="zweites";
namen[2]="drittes";
namen[3]="viertes";
namen[4]="fuenftes";
namen[5]="sechstes";
namen[6]="siebtes";
namen[7]="achtes";
namen[8]="neuntes";
namen[9]="zehntes";
function add_selectbox(count){
    document.getElementById("select_felder").innerHTML="";
    var i=0;
    while(i<count)
    {
        var el=document.getElementById("default_sel").cloneNode(true);
        el.id="select_feld_nr"+(i+1);
        document.getElementById("select_felder").appendChild(el);
        i++;
    }
}
function add_inputtext(count){
    document.getElementById("input_felder").innerHTML="";
    var i=0;
    while(i<count)
    {
        var el=document.createElement("input");
        el.setAttribute("type","text");
        el.setAttribute("name",namen[i]);
        document.getElementById("input_felder").appendChild(el);
        i++;
    }
}
function disable(){
    var val=document.suche.selectblock.options[document.suche.selectblock.options.selectedIndex].value; //GUCKT WELCHER WERT GEWÄHLT IST
    add_selectbox(val);
    add_inputtext(val);
}

</script>

</head>
<body>
</body>
<form name="suche">
<select name="selectblock" onchange="disable()">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
</select>
<div id="input_felder">
    <input name="erstes"></input>
    <input name="zweites"></input>
    <input name="drittes"></input>
    <input name="viertes"></input>
    <input name="fuenftes"></input>
    <input name="sechstes"></input>
    <input name="siebtes"></input>
    <input name="achtes"></input>
    <input name="neuntes"></input>
    <input name="zehntes"></input>
</div>
<div id="select_felder">
</div>
<div style="display:none;">
<select id="default_sel">
    <option value="option1">1</option>
    <option value="option2">2</option>
    <option value="option3">3</option>
    <option value="option4">4</option>
</select>
</form>
</html>
Wenn du nun aber unterschiedliche Selectboxen Inhalte haben willst, würde ich dann doch eher zu AJAX tendieren, wo du dann mit PHP auch arbeiten kannst, und es muss nicht die ganze Seite neu geladen werden.
 
Genau das ;) jetzt hab ich wenigstens schon mal gemerkt wie das alles so funktioniert mit java :) den rest werd ich allein schaffen. Vielen dank Scipio
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück