Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

formulier items genereren (Opgelost)

gerits - 19/07/2007 12:44 (laatste wijziging 19/07/2007 12:46)

Lid

hallo,
ik ken weinig/niets van javascript, maar heb het toch even nodig nu zou iemand mij kunnen helpen met het volgende:
ik heb volgend formulier:

php code - Bekijk de code zonder highlighting - Klap code in

                <form action="" method="post" name="frmAantal"> 
     <select name="aantal_fotos"> 
       <option>1</option> 
       <option>2</option> 
       <option>3</option> 
       <option>4</option> 
       <option>5</option> 
       <option>6</option> 
       <option>7</option> 
       <option>8</option> 
       <option>9</option> 
       <option>10</option> 
       <option>11</option> 
       <option>12</option> 
       <option>13</option> 
       <option>14</option> 
       <option>15</option> 
     </select> 
     <input name="aantal" type="submit" value="ok" /> <br /> 
</form>

            
<form action="" method="post" name="frmAantal"> 
     <select name="aantal_fotos"> 
       <option>1</option> 
       <option>2</option> 
       <option>3</option> 
       <option>4</option> 
       <option>5</option> 
       <option>6</option> 
       <option>7</option> 
       <option>8</option> 
       <option>9</option> 
       <option>10</option> 
       <option>11</option> 
       <option>12</option> 
       <option>13</option> 
       <option>14</option> 
       <option>15</option> 
     </select> 
     <input name="aantal" type="submit" value="ok" /> <br /> 
</form>
 

als ik op ok klik wil ik dat er een aantal upload velden word gegenereerd:

php code - Bekijk de code zonder highlighting - Klap code in

                <input name="image" type="file" />
            
<input name="image" type="file" />

dit aantal is natuurlijk het gekozen aantal in de lijst. Kan iemand mij hier mee helpen?
het is best dringend

4 antwoorden

Gesponsorde links

citroen - 19/07/2007 12:49

Onbekend

html code - Bekijk de code zonder highlighting - Klap code in

                 <form id="elements">
  <select id="selectMenu"><option>...</option></select>
  <input type="button" value="ok" onclick="genereer();" />
 </form>

            
<form id="elements">
  <select id="selectMenu"><option>...</option></select>
  <input type="button" value="ok" onclick="genereer();" />
 </form>
 

javascript code - Bekijk de code zonder highlighting - Klap code in

                 function genereer() {
  var formElement = document.getElementById('elements');
  var aantal = document.getElementById('selectMenu').value;
  for ( i in aantal ) {
    var uploadVeld = document.createElement('input');
    uploadVeld.setAttribute('type', 'text' );
    uploadVeld.setAttribute('name', 'uploadVeld_' + i );
    formElement.appendChild( uploadVeld );
  }
 }

            
function genereer() {
  var formElement = document.getElementById('elements');
  var aantal = document.getElementById('selectMenu').value;
  for ( i in aantal ) {
    var uploadVeld = document.createElement('input');
    uploadVeld.setAttribute('type', 'text' );
    uploadVeld.setAttribute('name', 'uploadVeld_' + i );
    formElement.appendChild( uploadVeld );
  }
 }
 

Niet getest dus kan zijn dat het fouten geeft.

gerits - 19/07/2007 12:53 (laatste wijziging 19/07/2007 14:52)

Lid

dan zal ik de foute zelf nog wel zoeke, al heel veel bedankt in ieder geval

foute vinde zal nog juist lukke, ik begrijp de meeste javascript scripts maar ik kan er geen maken

edit: ik heb nu hetvolgende:

javascript code - Bekijk de code zonder highlighting - Klap code in

                <script language="javascript">
function genereer() {
	var formElement = document.getElementById('elements');
	var aantal = document.getElementById('aantal_fotos').value;
	for (i = 1; i <= aantal; i++) {
		var uploadVeld = document.createElement('input');
		uploadVeld.setAttribute('type', 'file' );
		uploadVeld.setAttribute('name', 'uploadVeld_' + i );
		formElement.appendChild( uploadVeld );
	}
}
</script>
            
<script language="javascript">
function genereer() {
	var formElement = document.getElementById('elements');
	var aantal = document.getElementById('aantal_fotos').value;
	for (i = 1; i <= aantal; i++) {
		var uploadVeld = document.createElement('input');
		uploadVeld.setAttribute('type', 'file' );
		uploadVeld.setAttribute('name', 'uploadVeld_' + i );
		formElement.appendChild( uploadVeld );
	}
}
</script>
 

maar als ik op de knop ok klik voegt hij het aantal toe, dus stel dat ik waarde 5 pak en ik klik 5 keer op de OK knop, dan heb ik 25 upload velden staan...
kan ik zorgen dat hij dit telkens reset? anders ga ik problemen krijgen met de namen denk ik...

citroen - 19/07/2007 13:20

Onbekend

ge zou een div kunnen maken waar de elementen in worden ingevoegd:

html code - Bekijk de code zonder highlighting - Klap code in

                 <form id="elements">
   ...
   <div id="elementen"></div>
 </form>

            
<form id="elements">
   ...
   <div id="elementen"></div>
 </form>
 

javascript code - Bekijk de code zonder highlighting - Klap code in

                 var formElement = document.getElementById('elementen');
 formElement.innerHTML = '';
 ...

            
var formElement = document.getElementById('elementen');
 formElement.innerHTML = '';
 ...
 

gerits - 19/07/2007 14:51 (laatste wijziging 19/07/2007 15:33)

Lid

dat snap ik niet? ik kan toch geen loop maken in innterHTML? en ik kan er al zeker geen php in gaan gebruiken...
ik dacht aan zoiet:

javascript code - Bekijk de code zonder highlighting - Klap code in

                <script language="javascript">
function genereer() {
	var formElement = document.getElementById('elements');
	var aantal = document.getElementById('aantal_fotos').value;

	for (n = 1; n <= 15; n++) {
		var uploadVeldOld = document.getElementById('uploadVeld_' + n);
		formElement.removeChild( uploadVeldOld );
	}

	for (i = 1; i <= aantal; i++) {
		var uploadVeld = document.createElement('input');
		uploadVeld.setAttribute('type', 'file' );
		uploadVeld.setAttribute('name', 'uploadVeld_' + i );
		formElement.appendChild( uploadVeld );
	}
}
</script>
            
<script language="javascript">
function genereer() {
	var formElement = document.getElementById('elements');
	var aantal = document.getElementById('aantal_fotos').value;
 
	for (n = 1; n <= 15; n++) {
		var uploadVeldOld = document.getElementById('uploadVeld_' + n);
		formElement.removeChild( uploadVeldOld );
	}
 
	for (i = 1; i <= aantal; i++) {
		var uploadVeld = document.createElement('input');
		uploadVeld.setAttribute('type', 'file' );
		uploadVeld.setAttribute('name', 'uploadVeld_' + i );
		formElement.appendChild( uploadVeld );
	}
}
</script>
 

dus eerst alles verwijderen, en dan opnieuw, maar er zit iets fout in... Weet iemand wat?

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten