Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <select name="price" id="price" style="width:120px">
- <option>Select Price</option>
- </select>
- <br>
- <br>
- <select name="tickets" id="tickets" style="width:120px">
- <option>Select Tickets</option>
- </select>
- <br>
- <br>
- <input name="button" type="button" value="Submit" onClick="return validate2()"/>
- <input name="reset" type="reset" value="Reset" />
- </form>
- switch (artist.selectedIndex)
- {
- case 0:
- var venueList = ["Select Venue"];
- var dateList = ["Select Date"];
- var ticketList = ["Select Tickets"];
- var priceList = ["Select Price"];
- fillList(venue, venueList);
- fillList(date, dateList);
- fillList(ticket, ticketList);
- fillList(price, priceList);
- break;
- case 1:
- var venueList = ["Select Venue", "London"];
- var dateList = ["Select Date", "17th July", "18th July"];
- var ticketList = ["Select Tickets", "1", "2", "3", "4", "5", "6"];
- var priceList = ["Select Price", "£30", "£45", "£70"];
- fillList(venue, venueList);
- fillList(date, dateList);
- fillList(ticket, ticketList);
- fillList(price, priceList);
- break;
- case 2:
- var venueList = ["Select Venue", "Manchester", "Glasgow"];
- var dateList = ["Select Date"]
- var ticketList = ["Select Tickets", "1", "2", "3", "4", "5", "6"];
- var priceList = ["Select Price", "£35", "£50", "£60"];
- fillList(venue, venueList);
- fillList(date, dateList);
- fillList(ticket, ticketList);
- fillList(price, priceList);
- // adding onchange event on venue when the user selects rod stewart
- venue.onchange = function ()
- {
- var dateList;
- switch(venue.selectedIndex)
- {
- case 0: dateList = ["Select Date"]; break;
- case 1: dateList = ["Select Date", "18th July", "20th July"]; break;
- case 2: dateList = ["Select Date", "22nd July", "23rd July"]; break;
- }
- fillList(date, dateList);
- }
- break;
- <script src="https://code.jquery.com/jquery.js"></script>
- <script>
- $('select').on('change', function (e) {
- var tickets = $('#tickets').val();
- var price = $('#price').val().substring(1);
- alert(tickets * price);
- });
- </script>
- $('#resultBox').html(tickets * price);
- function validate2() {
- var truePrice = parseFloat(String.replace(price.options[price.selectedIndex].value, '£', '')),
- noOfTickets = parseInt(ticket.options[ticket.selectedIndex].value);
- return truePrice * noOfTickets;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement