Send mail on the click of a button?

[grmmu]

cheers all,

a friend asked me the following, and i have no idea how to do it.

I have these forms. How do I get the selected values to be sent on mail when I click the "posalji" button?

<form name="jedan">

<select name="optone1" size="1"
onchange="setOptions1(document.jedan.optone1.options[document.jedan.optone1.selectedIndex].value);" class="style5" style="width: 170px">
<option value="1">Bjelovar</option>
<option value="2">Cakovec</option>
<option value="3">Dubrovnik</option>
<option value="4">Gospic</option>
</select>
<select name="opt1" size="1" style="width: 170px" class="style5">
</select>



<script type="text/javascript">
function setOptions1(chosen) {
var selbox = document.jedan.opt1;

selbox.options.length = 0;
if (chosen == " ") {
selbox.options[selbox.options.length] = new Option('');

}
if (chosen == "1") {
selbox.options[selbox.options.length] = new Option('');
selbox.options[selbox.options.length] = new Option('Cazma');
selbox.options[selbox.options.length] = new Option('Daruvar');
selbox.options[selbox.options.length] = new Option('Garešnica');
selbox.options[selbox.options.length] = new Option('Grubišno polje');
selbox.options[selbox.options.length] = new Option('PBFP F.Supila 4/3');
}
if (chosen == "2") {
selbox.options[selbox.options.length] = new Option('');
selbox.options[selbox.options.length] = new Option('Mursko središce');
selbox.options[selbox.options.length] = new Option('Prelog');
selbox.options[selbox.options.length] = new Option('PBFP O.Keršovanija bb');

}
if (chosen == "3") {
selbox.options[selbox.options.length] = new Option('');
selbox.options[selbox.options.length] = new Option('Korcula');
selbox.options[selbox.options.length] = new Option('Lastov')
selbox.options[selbox.options.length] = new Option('Metkovic')
selbox.options[selbox.options.length] = new Option('Ploce')
selbox.options[selbox.options.length] = new Option('Blato')
}

if (chosen == "4") {

selbox.options[selbox.options.length] = new Option('');
selbox.options[selbox.options.length] = new Option('Donji Lapac');
selbox.options[selbox.options.length] = new Option('Kancelarija Novalja');
selbox.options[selbox.options.length] = new Option('Korenica');
selbox.options[selbox.options.length] = new Option('Senj');
selbox.options[selbox.options.length] = new Option('PBFP Kaniška 4');


}
}
</script>
</form>


<form name="dva">
<select name="optone2" size="1"
onChange="setOptions2(document.dva.optone2.options[document.dva.optone2.selectedIndex].value);" class="style2" style="width: 170px">
<option value="1">Bjelovar</option>
<option value="2">Cakovec</option>
<option value="3">Dubrovnik</option>
<option value="4">Gospic</option>
</select>
<select name="opt2" size="1" style="width: 170px" class="style2">
</select>

<script type="text/javascript">
function setOptions2(chosen) {
var selbox = document.dva.opt2;

selbox.options.length = 0;
if (chosen == " ") {
selbox.options[selbox.options.length] = new Option('');

}
if (chosen == "1") {
selbox.options[selbox.options.length] = new Option('');
selbox.options[selbox.options.length] = new Option('Cazma');
selbox.options[selbox.options.length] = new Option('Daruvar');
selbox.options[selbox.options.length] = new Option('Garešnica');
selbox.options[selbox.options.length] = new Option('Grubišno polje');
selbox.options[selbox.options.length] = new Option('PBFP F.Supila 4/3');
}
if (chosen == "2") {
selbox.options[selbox.options.length] = new Option('');
selbox.options[selbox.options.length] = new Option('Mursko središce');
selbox.options[selbox.options.length] = new Option('Prelog');
selbox.options[selbox.options.length] = new Option('PBFP O.Keršovanija bb');

}
if (chosen == "3") {
selbox.options[selbox.options.length] = new Option('');
selbox.options[selbox.options.length] = new Option('Korcula');
selbox.options[selbox.options.length] = new Option('Lastov')
selbox.options[selbox.options.length] = new Option('Metkovic')
selbox.options[selbox.options.length] = new Option('Ploce')
selbox.options[selbox.options.length] = new Option('Blato')
}

if (chosen == "4") {

selbox.options[selbox.options.length] = new Option('');
selbox.options[selbox.options.length] = new Option('Donji Lapac');
selbox.options[selbox.options.length] = new Option('Kancelarija Novalja');
selbox.options[selbox.options.length] = new Option('Korenica');
selbox.options[selbox.options.length] = new Option('Senj');
selbox.options[selbox.options.length] = new Option('PBFP Kaniška 4');

}
}
</script>

</form>


<form name="tri">

<select name="optone3" size="1"
onChange="setOptions3(document.tri.optone3.options[document.tri.optone3.selectedIndex].value);" class="style2" style="width: 170px">
<option value="1">Bjelovar</option>
<option value="2">Cakovec</option>
<option value="3">Dubrovnik</option>
<option value="4">Gospic</option>
</select>
<select name="opt3" size="1" style="width: 170px" class="style2">
</select>

<script type="text/javascript">
function setOptions3(chosen) {
var selbox = document.tri.opt3;

selbox.options.length = 0;
if (chosen == " ") {
selbox.options[selbox.options.length] = new Option('');

}
if (chosen == "1") {
selbox.options[selbox.options.length] = new Option('');
selbox.options[selbox.options.length] = new Option('Cazma');
selbox.options[selbox.options.length] = new Option('Daruvar');
selbox.options[selbox.options.length] = new Option('Garešnica');
selbox.options[selbox.options.length] = new Option('Grubišno polje');
selbox.options[selbox.options.length] = new Option('PBFP F.Supila 4/3');
}
if (chosen == "2") {
selbox.options[selbox.options.length] = new Option('');
selbox.options[selbox.options.length] = new Option('Mursko središce');
selbox.options[selbox.options.length] = new Option('Prelog');
selbox.options[selbox.options.length] = new Option('PBFP O.Keršovanija bb');

}
if (chosen == "3") {
selbox.options[selbox.options.length] = new Option('');
selbox.options[selbox.options.length] = new Option('Korcula');
selbox.options[selbox.options.length] = new Option('Lastov')
selbox.options[selbox.options.length] = new Option('Metkovic')
selbox.options[selbox.options.length] = new Option('Ploce')
selbox.options[selbox.options.length] = new Option('Blato')
}

if (chosen == "4") {

selbox.options[selbox.options.length] = new Option('');
selbox.options[selbox.options.length] = new Option('Donji Lapac');
selbox.options[selbox.options.length] = new Option('Kancelarija Novalja');
selbox.options[selbox.options.length] = new Option('Korenica');
selbox.options[selbox.options.length] = new Option('Senj');
selbox.options[selbox.options.length] = new Option('PBFP Kaniška 4');

}
}
</script>
</form>

<input name="Posalji" type="button">

any ideas are welcome. tnx in advance :)

[LeeU]

You need to specify some type of processing script in the "action (http://www.w3.org/TR/html401/interact/forms.html#edef-FORM)" element of the form.

[nickelleon]

You need to have the form action process the data in the form. The action="" in the form tag means "I want this file to handle the form data". There are many options to composing an email with form data.

With PHP, the PHP file would need to declare the form inputs as variables, and then send an email with the mail() function. If you need more detailed help, let me know.