Jump to content

[SOLVED] Would I use AJAX for this - if so how or where to go to find out?


tryingtolearn

Recommended Posts

I have a form and when a user gets to a point in the form to upload images

I would like for them to be able to select how many image upload fields are displayed

by selecting a number from a dropdown box

(So if they select 1 - 1 upload field appears - if they select 5 - 5 fields appear etc...)

But I do not want the page to have to reload -

 

Is that possible?

Yes but you don't need AJAX.

Just basic javascript.

 

Example:

<script language="javascript">

function generateUploadBoxes(obj){
var amt = obj.options[obj.selectedIndex].value;	

var generated = "";
for(i = 0; i < amt; i++){
	generated += "<input type='file' name='upload_"+i+"' id='upload_"+i+"' /><br />";
}

document.getElementById("upload_boxes").innerHTML = generated;
}

</script>

<form action="bleh.php" method="post">

<select name="amount_upload" id="amount_upload" onchange="javascript: generateUploadBoxes(this)">
	<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>
<br />
Upload Boxes:<br />
<span name="upload_boxes" id="upload_boxes"></span>

</form>

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.