Formulierveld automatisch invullen nav waarde in ander veld

Status
Niet open voor verdere reacties.
G

gebruiker53

Guest
Lid geworden
8 mrt 2007
Berichten
56
Ik ben op zoek naar een javascript die er voor zorgt dat er een bepaalde waarde in een formulierveld wordt weergegeven als in een eerder formulierveld een bepaalde invoer is gegeven.

Ik heb dit al via verschillende scriptsites geprobeerd en ook via google, maar blijkbaar niet met de juiste zoekinstructies. Weet iemand misschien waar ik zo'n script kan vinden?
 
Dat kan op een aantal manieren, dit is een 'kleine':
PHP: 
<form>
 <input name="a" type="text" size="12" onkeyup="this.form.b.value = this.value * 2">
 X 2 =
 <input name="b" type="text" size="12" onkeyup="this.form.a.value = this.value / 2">
</form>
Maar het zou ook via een functie kunnen als er een uitgebreide berekening nodig is of als je iets wilt opzoeken in een tabel (array). :)

Vr.Gr. Egel.
 
Misschien bedoelde je meer iets zoals dit:
PHP: 
<form>
 <input type="text" size="12" onchange="if(this.value=='abc') this.form.b.value = 'xyz';">
 abc > xyz
 <input name="b" type="text" size="12">
</form>
in het tweede vakje verschijnt 'xyz' als er in het eerste vakje 'abc' wordt getypt.


Vr.Gr. Egel.
 
iets dieper graven

Hallo!

Ook ik ben hier bezig met een rekenformuliertje (eigenlijk een barbecue inschrijvingsformulier) aan het opmaken. En met jullie berichtjes hier ben ik alvast een stap verder ... maar...

Ik heb een javascript die mijn totaal bedrag uitrekent en ziet er zo uit:
<script language="Javascript" name="test">
<!--
function totaal()
{var K1 = document.brb.volvlees.value * 10
var K2 = document.brb.volveg.value * 7
var K3 = document.brb.kindvlees.value * 10
var K4 = document.brb.kindveg.value * 6
var total = 1*K1 + 1*K2 + 1*K3 + 1*K4
document.brb.T1.value = total
}
//-->
</script>


Op het einde van de pagina heb ik dan deze lijn geschreven:
<input type="text" name="T1" size="2" onchange="totaal()">


Mijn probleem hier dat er niets indeze tekstbox (T1)verschijnt als ik enige waarden veranderen, slecht als ik een knopje toevoeg lukt dit wel als ik telkens na verandering op deze knopje druk met deze code:
<input type="button" value="test" name="vTEST" tabindex="9" onclick="totaal()">


Je hoort me al komen, kunnen we het knopje laten wegvallen en direct laten verschijnen op scherm?
Alvast dank!
 
Zo werkt 't: :)
PHP: 
<script type="text/javascript">
 <!--
  function totaal() {
   var K1 = document.brb.volvlees.value * 10;
   var K2 = document.brb.volveg.value * 7;
   var K3 = document.brb.kindvlees.value * 10;
   var K4 = document.brb.kindveg.value * 6;
   var total = K1 + K2 + K3 + K4;
   document.brb.T1.value = total;
   };
 //-->
</script>

<form name="brb">
 <input type="text" name="volvlees" size="4" onkeyup="totaal()"> volwassene vlees<br>
 <input type="text" name="volveg" size="4" onkeyup="totaal()"> volwassene vegetarisch<br>
 <input type="text" name="kindvlees" size="4" onkeyup="totaal()"> kind vlees<br>
 <input type="text" name="kindveg" size="4" onkeyup="totaal()"> kind vegetarisch<br>
 <input type="text" name="T1" size="4" readonly> totaal<br>
</form>
De onkeyup zorgt ervoor dat elke keer als een toets wordt losgelaten in een invulvakje er een nieuw totaal wordt uitgerekend.


Vr.Gr. Egel.
 
Kun je het formulier hier plaatsen? :) Of iig het gedeelte waar het om gaat.

De voorbeelden die boven staan gaan om text-velden, bij een dropdownbox of een radio button werkt het weer anders. Het ligt maar net aan je formulier hoe het op te lossen is. :)


Vr.Gr. Egel.
 
hier de hele pagina

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>barbecue</title>


<script language="Javascript" name="test">
<!--
function totaal()
{var K1 = document.brb.volvlees.value * 10
var K2 = document.brb.volveg.value * 10
var K3 = document.brb.kindvlees.value * 7
var K4 = document.brb.kindveg.value * 7
var total = 1*K1 + 1*K2 + 1*K3 + 1*K4
document.brb.T1.value = total
}
//-->
</script>


</head>
<body>
<p style="margin: 0 5px; " align="left"><u><b>
<font face="Tempus Sans ITC" size="6" color="#56968A">B</font></b></u><font color="#56968A"><u><b><font size="5" face="Tempus Sans ITC">arbecue</font></b></u></font></p>
<p style="margin: 0 5px; " align="left">&nbsp;</p>

<table border="0" width="822" height="107" cellspacing="0" cellpadding="0" style="border-bottom-width: 0px" id="table1">

<tr>
<td width="822" height="79" style="border-style: solid; border-width: 1px; " bgcolor="#EDEBD6" align="left" valign="top">
<p style="margin: 0 5px; " align="justify"> &nbsp;</p>
<p style="margin: 0 5px" align="justify">
<font face="Times New Roman" size="4">
<img border="0" src="MMj.gif" width="98" height="99">Dit jaar organiseren we een heuse
Barbecue op onze boerderij voor groot en klein! We lichten je graag toe van
het reilen en zeilen van onze boerderij, je kan er nader kennis maken met
onze vereniging en een wandeling in één van onze 7 natuurgebieden staat ook
op het programma! Allen er dus welkom!</font></p>
<p style="margin: 0 5px" align="justify">&nbsp;</p>
<p style="margin: 0 5px" align="justify">&nbsp;</p>
<p style="margin-left:50px; margin-right:10px; margin-top:0; margin-bottom:0" align="justify">
<font face="Times New Roman" size="4">* <a href="barbecue.htm">Onze Barbecue</a></font></p>
<p style="margin-left:50px; margin-right:10px; margin-top:0; margin-bottom:0" align="justify">
<font face="Times New Roman" size="4">* <a href="info.htm">Info Inschrijving en Betaling</a></font></p>
<p style="margin-left:50px; margin-right:10px; margin-top:0; margin-bottom:0" align="justify">
<font face="Times New Roman" size="4">* Online Inschrijven</font></p>
<p style="margin: 0 5px" align="justify">&nbsp;</p>
<font face="Times New Roman" size="4"><p style="margin: 0 10px; " align="justify">
&nbsp;</font></tr>


<tr>
<td width="822" height="21" style="border-style: solid; border-width: 1px; " bgcolor="#58968B" align="left" valign="top">
&nbsp;</td>
</tr>


</table>

<table align="left" height="438">

<tr>
<td width="622" height="110" valign="top" style="border-bottom-style: solid; border-bottom-width: 1px">
<p style="margin: 0 10px; " align="center">
&nbsp;<p style="margin: 0 10px; " align="center">
&nbsp;<p style="margin: 0 10px; " align="center">
<u><b><font face="Times New Roman" size="5">Barbecue - Inschrijven</font></b></u><p style="margin: 0 10px; " align="justify">&nbsp;</p>

<form name="brb" method="POST" action="http://users.skynet.be/cgi-bin/formd.cgi">
<input type="hidden" name="subject" value="inschrijving brb">
<input type="hidden" name="next" value="http://users.skynet.be/fa048928/bbq/bevestiging.htm">
<input type="hidden" name="to" value="stephane.venmans@skynet.be">
<p style="margin: 0 10px" align="justify">&nbsp;</p>
<p style="margin: 0 10px" align="justify"><b>Naam:</b>
<input type="text" name="naam" size="27" tabindex="1"></p>
<p style="margin: 0 10px" align="justify"><b>Voornaam:</b>&nbsp;
<input type="text" name="voornaam" size="31" tabindex="2"></p>
<p style="margin: 0 10px" align="justify"><b>Email-Adres:</b>&nbsp;
<input type="text" name="email" size="47" tabindex="3"></p>
<p style="margin: 0 10px" align="justify">&nbsp;</p>
<p style="margin: 0 10px" align="justify"><b>Maak Uw keuze/Aantal
personen:</b></p>
<ul>

<li>
<p style="margin: 0 10px" align="justify">
<select size="1" name="volvlees" onchange="totaal()" >
<option value="0">0</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>
</select>&nbsp; <b>&nbsp; Volwassen - vlees</b> (10 Euro/pers)</li>

<li>
<p style="margin: 0 10px" align="justify">
<select size="1" name="volveg" onchange="totaal()">
<option value="0">0</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>
</select>&nbsp;&nbsp;&nbsp; <b>Volwassen - vegetarisch</b> (10
Euro/pers)</p></li>

<li>
<p style="margin: 0 10px" align="justify">
<select size="1" name="kindvlees" onchange="totaal()">
<option value="0">0</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></select>&nbsp;&nbsp;&nbsp;&nbsp; <b>
Kinderen - vlees</b> (7 Euro/pers)</p></li>

<li>
<p style="margin: 0 10px" align="justify">
<select size="1" name="kindveg" onchange="totaal()">
<option value="0">0</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>
</select>&nbsp;&nbsp;&nbsp; <b>&nbsp;Kinderen - Vegetarisch</b>&nbsp; (7 Euro/pers)</ul>

<b>Uw <u>totale</u> bedrag te storten op onze rekeningnummer bedraagt:
</b>

<input type="text" name="T1" size="3" value=0 readonly="true">


Euro<p style="margin: 0 10px" align="justify">&nbsp;</p>
<p style="margin: 0 10px" align="justify">&nbsp;</p>
<p style="margin: 0 10px" align="justify">
<input type="submit" value="Verzenden" name="verzenden" tabindex="9">
<input type="reset" value="Invoer wissen" name="B2" tabindex="10">

</p>

</form>

<P>&nbsp;&nbsp; </P>
<P>&nbsp;&nbsp; </P>

</table>
</body>

</html>
 
Bedankt voor jullie reacties, ik ga er morgen maar eens mee aan de slag, heb nu even andere opdrachten namelijk
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan