Drop down box

Aner ikke om det virker, men f.eks.

onchange="makeNewBoxes(this)"

<script type="text/javascript">
function makeNewBoxes(elm){
  var num = +elm.value;
  var f = elm.form,txt="";
  for(i=0;num>i;i++){
    f.innerHTML += '<input type="text" name="txt'+i+'">';
  }
}
</script>

tak indtil vidre, men ved ikke helt hvordan jeg skal gripe scriptet an hvis de skal fungere sammen med en drop down box.

<select size="1" name="D2">
            <option selected>Antal undermenu punkter</option>
            <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>

<select size="1" name="D2" onchange="makeNewBoxes(this)">

det virker næsten, men den lægger det antal til som man vælger i dropdown boxen, men den skal bare vise det antal man vælger

altså hvis jeg først vælger 1 og så 2 viser den ialt 3. hvor den bare skal vise 2

-- så måske en helt anden vej:

<form>
  <select size="1" name="D2" onchange="if(sel.selectedIndex>0)showBoxes(this)">
    <option selected>Antal undermenu punkter</option>
    <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="div1" style="display:none;">
  <input type="text" name="txt1">
</div>
<div id="div2" style="display:none;">
  <input type="text" name="txt2">
</div>
<div id="div3" style="display:none;">
  <input type="text" name="txt3">
</div>
<div id="div4" style="display:none;">
  <input type="text" name="txt4">
</div>
<div id="div5" style="display:none;">
  <input type="text" name="txt5">
</div>
<div id="div6" style="display:none;">
  <input type="text" name="txt6">
</div>
<div id="div7" style="display:none;">
  <input type="text" name="txt7">
</div>
<div id="div8" style="display:none;">
  <input type="text" name="txt8">
</div>
<div id="div9" style="display:none;">
  <input type="text" name="txt9">
</div>
<div id="div10" style="display:none;">
  <input type="text" name="txt10">
</div>
</form>

</script type="text/javascript">
function showBoxes(sel){
  for(i=1;11>i;i++){
    document.getElementById('div'+i).style.display = (+sel.value>=i)?'block':'none';
  }
}
</script>

Hov:

  <select size="1" name="D2" onchange="if(this.selectedIndex>0)showBoxes(this)">

der er et eller andet der ikke helt stemmer

Ja, der var en skråstreg i overskud:

<script type="text/javascript">
function showBoxes(sel){

det ser ud til at virke fint, kan man få dem alle til at fjerne sig igen, hvis man vælger "Antal undermenu punkter"

<form>
  <select size="1" name="D2" onchange="showBoxes(this)">
    <option value="0" selected>Antal undermenu punkter</option>

underligt, syntes ikke at det virkede lige før. men det gør det nu. tak :)

Velbekomme '-)

-- og tak for point ;~}