/    Sign up×
Community /Pin to ProfileBookmark

problem with calculation

Copy linkTweet thisAlerts:
Nov 19.2010

i have these 2 selections

[CODE]
 <select id=”rooms” name=”rooms”>
<option>Please Choose</option>
<option value=”1″ >1</option>
<option value=”2″ >2</option>
<option value=”3″ >3</option>
<option value=”4″ >4</option>
</select>

<select id=”type” name=”type”>

<option>Please Choose</option>
<option>Single – 50£</option>
<option>Double – 60£</option>
<option>Luxury double – 70£</option>
</select>

[/CODE]

i would like to give these values
single:50
double:60
luxury double:70
1)how can i do that?
2)if i choose for example single room and number of rooms 2 how can i have the result 100?

Thank you

to post a comment
JavaScript

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@BIOSTALLNov 19.2010 — Maybe something like so will work:

[code=html]<script type="text/javascript">
function calculate_total() {

var no_rooms = document.getElementById('rooms').value;
var room_type = document.getElementById('type').value;
var total = 0;

if (no_rooms!="" && room_type!="") { // if both dropdowns contain values
total = parseInt(no_rooms) * parseInt(room_type);
}

document.getElementById('current_total').innerHTML = total;

}
</script>

Number of Rooms:
<select id="rooms" name="rooms" onchange="calculate_total()">
<option value="">Please Choose</option>
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4" >4</option>
</select>
<br />
Room Type:
<select id="type" name="type" onchange="calculate_total()">
<option value="">Please Choose</option>
<option value="50">Single - 50&#163;</option>
<option value="60">Double - 60&#163;</option>
<option value="70">Luxury double - 70&#163;</option>
</select>

Current Total: <span id="current_total"></span>[/code]

I haven't tested that but hopefully it gets you started. Notice how on the change of each dropdown we calculate the total by multiplying the two dropdown values together.
Copy linkTweet thisAlerts:
@theo1985authorNov 20.2010 — thank you very much for your help.This works nice...I would like to ask you something else..

i create a new selection with the number of people.

I want to do this:

If a single person books a double room a single-occupancy supplement should be charged. For example

Double room with shower and WC:

If 2 people sharing, price per person per night, &#163;60.

If 1 person only - &#163;90 per night.

[code=html]
<script type="text/javascript">
function calculate_total() {

var no_people = document.getElementById('people').value;
var no_rooms = document.getElementById('rooms').value;
var room_type = document.getElementById('type').value;
var total = 0;

if (no_rooms!="" && room_type!="" && breakf!="" && no_people!="1" )
{ // if both dropdowns contain values
total = parseInt(no_rooms) * parseInt(room_type) + parseInt(breakf);
}
else
{
total = parseInt(no_rooms) * parseInt(room_type) + parseInt(breakf)+10;
}
document.getElementById('current_total').innerHTML = total;

}
</script>

Number of people
<br>
<select id="people" name="people" >
<option value="">Please Choose</option>
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4" >4</option>
</select>

</br>

Number of Rooms:
<select id="rooms" name="rooms" onchange="calculate_total()">
<option value="">Please Choose</option>
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4" >4</option>
</select>
<br />
Room Type:
<select id="type" name="type" onchange="calculate_total()">
<option value="">Please Choose</option>
<option value="50">Single - 50&#163;</option>
<option value="60">Double - 60&#163;</option>
<option value="70">Luxury double - 70&#163;</option>
</select>

Current Total: <span id="current_total"></span>

[/code]

The result does not change!!!Somewhere in IF i think that is my fault.Could you please help me?
×

Success!

Help @theo1985 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.28,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...