Advertisement
Guest User

Untitled

a guest
May 27th, 2016
60
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.61 KB | None | 0 0
  1. <select name="price" id="price" style="width:120px">
  2.  
  3. <option>Select Price</option>
  4. </select>
  5. <br>
  6. <br>
  7. <select name="tickets" id="tickets" style="width:120px">
  8. <option>Select Tickets</option>
  9. </select>
  10.  
  11. <br>
  12. <br>
  13. <input name="button" type="button" value="Submit" onClick="return validate2()"/>
  14. <input name="reset" type="reset" value="Reset" />
  15. </form>
  16.  
  17. switch (artist.selectedIndex)
  18. {
  19. case 0:
  20. var venueList = ["Select Venue"];
  21. var dateList = ["Select Date"];
  22. var ticketList = ["Select Tickets"];
  23. var priceList = ["Select Price"];
  24. fillList(venue, venueList);
  25. fillList(date, dateList);
  26. fillList(ticket, ticketList);
  27. fillList(price, priceList);
  28. break;
  29.  
  30. case 1:
  31.  
  32. var venueList = ["Select Venue", "London"];
  33. var dateList = ["Select Date", "17th July", "18th July"];
  34. var ticketList = ["Select Tickets", "1", "2", "3", "4", "5", "6"];
  35. var priceList = ["Select Price", "£30", "£45", "£70"];
  36. fillList(venue, venueList);
  37. fillList(date, dateList);
  38. fillList(ticket, ticketList);
  39. fillList(price, priceList);
  40. break;
  41.  
  42. case 2:
  43.  
  44. var venueList = ["Select Venue", "Manchester", "Glasgow"];
  45. var dateList = ["Select Date"]
  46. var ticketList = ["Select Tickets", "1", "2", "3", "4", "5", "6"];
  47. var priceList = ["Select Price", "£35", "£50", "£60"];
  48. fillList(venue, venueList);
  49. fillList(date, dateList);
  50. fillList(ticket, ticketList);
  51. fillList(price, priceList);
  52.  
  53. // adding onchange event on venue when the user selects rod stewart
  54. venue.onchange = function ()
  55. {
  56. var dateList;
  57. switch(venue.selectedIndex)
  58. {
  59. case 0: dateList = ["Select Date"]; break;
  60. case 1: dateList = ["Select Date", "18th July", "20th July"]; break;
  61. case 2: dateList = ["Select Date", "22nd July", "23rd July"]; break;
  62. }
  63. fillList(date, dateList);
  64. }
  65.  
  66.  
  67. break;
  68.  
  69. <script src="https://code.jquery.com/jquery.js"></script>
  70. <script>
  71. $('select').on('change', function (e) {
  72. var tickets = $('#tickets').val();
  73. var price = $('#price').val().substring(1);
  74. alert(tickets * price);
  75. });
  76. </script>
  77.  
  78. $('#resultBox').html(tickets * price);
  79.  
  80. function validate2() {
  81. var truePrice = parseFloat(String.replace(price.options[price.selectedIndex].value, '£', '')),
  82. noOfTickets = parseInt(ticket.options[ticket.selectedIndex].value);
  83.  
  84. return truePrice * noOfTickets;
  85. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement