text dropdownbox naar form

Status
Niet open voor verdere reacties.

johnny1963

Gebruiker
Lid geworden
23 okt 2006
Berichten
82
ik heb het volgende script + html

<script type="text/javascript">
function addNextItem(itemValue,outputDestination){
formElement = document.forms['myForm'].elements[outputDestination]
tempVar = formElement.value
if (tempVar.lastIndexOf("\n") != tempVar.length-1){
tempVar = tempVar + "\n"
}
formElement.value = tempVar;
formElement.value = itemValue + '\n';
}
</script>

<b>Trefpunkt Zeit:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Wahle Stunde&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Wahle minuten</b><form style="margin-left:160px"name="myForm" id="myForm" >
<select onchange="addNextItem(this.value,'textOutput1')">
<option value="" selected="">
<option value="06:">06:</option>
<option value="07:">07:</option>
<option value="08:">08:</option>
<option value="09:">09:</option>
<option value="10:">10:</option>
<option value="11:">11:</option>
<option value="12:">12:</option>
<option value="13:">13:</option>
<option value="14:">14:</option>
<option value="15:">15:</option>
<option value="16:">16:</option>
<option value="17:">17:</option>
<option value="18:">18:</option>
<option value="19:">19:</option>
<option value="20:">20:</option>
<option value="21:">21:</option>
<option value="22:">22:</option>
<option value="23:">23:</option>
<option value="24;">24:</option>
</select>
<select style="margin-left:60px"onchange="addNextItem1(this.value,'textOutput2')">
<option value="" selected="">
<option value="00">00</option>
<option value="15">15</option>
<option value="30">30</option>
<option value="45">45</option>

</select>

<textarea style="overflow:hidden; margin-left:-265px" name="textOutput1" cols="7" rows="1"></textarea>

</form>


mijn vraag is hoe krijg ik de tekst van de dropdownbox met de minuten achter de uren gezet in het form. Dus er moet komen te staan bijv. 08:15
Teven had ik graag nog een melding als de minuten niet gekozen zijn.

Ik kom erzelf niet verder meer mee.

Wie kan helpen Alvast bedankt.
 
Heel goed ken ik javascript niet, maar een oplossing waarin ik zelf in deze voor zou kiezen.

1. Maak een string aan.
2. Plak in de string de waarden van de combobox aan elkaar vast. Dus zoiets als $tijdstring = 'uren' . ":" . ' dag' ;
 
Well, je aanpak moet net iets anders. Je moet zowiezo de 'lege' <option>s eventjes weghalen. Dan zet je bijde 'onchange' events naar 1 functie:[js]function stuff()
{
var hours = document.getElementById('hours');
var mins = document.getElementById('mins');

var out = document.getElementById('span');

out.innerHTML = hours.options[hours.selectedIndex].value + ':' + mins.options[mins.selectedIndex].value;
}[/js]de html ziet er ongeveer zo uit:
HTML:
<span id='span'>hier komt output</span>




<select onchange='stuff();' id='hours'>

   <option value='00'>00</option>
   <option value='01'>01</option>
   <!-- moar -->
   <option value='23'>23</option>

</select>



<select onchange='stuff();' id='mins'>

   <option value='00'>00</option>
   <option value='01'>15</option>
   <option value='01'>30</option>
   <option value='23'>45</option>

</select>
 
Hoi That Guy

Badankt voor de oplossing.
Is exact wat ik moest hebben
Kwam er even niet op
en sorry voor de late reactie. i.v.m. carnaval
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan