Advertisement
Guest User

Untitled

a guest
Jul 24th, 2017
70
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.10 KB | None | 0 0
  1. <form class="form-horizontal" method="post" action="" id="order_form">
  2. <fieldset class="orders_det">
  3. <div class="form-group">
  4. <label for="prod_type">Type</label>
  5. <select name="prod_type[]" class="form-control prod">
  6. <option value="">-- Select Products --</option>
  7. <option value="prod1">Prod1</option>
  8. <option value="prod2">Prod2</option>
  9. <option value="prod3">Prod3</option>
  10. </select>
  11. </div>
  12. <div class="form-group">
  13. <label for="quant" class="control-label col-md-2" >Quantity</label>
  14. <div class="form-control col-md-6">
  15. <input type="text" class="form-control quant" name="quant[]">
  16. </div>
  17. <div>
  18. <button type="button" class="btn btn-success" id="more_btn">Add More Orders + </button>
  19. </div>
  20. </div>
  21. <div class="more_orders">
  22. </div>
  23. </fieldset>
  24. <div class="form-group">
  25. <label for="name" class="col-md-2 control-label">Name</label>
  26. <div class="col-md-8">
  27. <input type="text" class="form-control name" name="name">
  28. </div>
  29. </div>
  30. <div class="form-group">
  31. <button type="submit" class="btn btn-success" name="order_submit" id="order_submit">Submit Order</button>
  32.  
  33. $(document).ready(function() {
  34. $('form button#more_btn').on("click", function(e) {//to generate dynamic fields
  35. e.preventDefault();
  36. var moreOrders = '';
  37. moreOrders += '<div class="new_order">';
  38. moreOrders += '<div class="form-group">';
  39. moreOrders += '<label for="prod_type">Type</label>';
  40. moreOrders += '<select name="prod_type[]" class="form-control prod">';
  41. moreOrders += '<option value="">-- Select Products --</option>';
  42. moreOrders += '<option value="prod1">Prod1</option>';
  43. moreOrders += '<option value="prod2">Prod2</option>';
  44. moreOrders += '<option value="prod3">Prod3</option>';
  45. moreOrders += '</select>';
  46. moreOrders += '</div> ';
  47. moreOrders += '<div class="form-group">';
  48. moreOrders += '<label for="quant" class="control-label col-md-2" >Quantity</label>';
  49. moreOrders += '<div class="form-control col-md-6">';
  50. moreOrders += '<input type="text" class="form-control quant" name="quant[]">';
  51. moreOrders += '</div>';
  52. moreOrders += '<div>';
  53. moreOrders += '</div><br />';
  54. $('.more_orders').append(moreOrders);
  55. });
  56.  
  57. $("form").on("change", function(e) {//to generate a preview table
  58. var prod = $("form select[name='prod_type[]']");
  59. var quant = $("form input[name='quant[]']");
  60. var table = '';
  61. table += '<table>';
  62. table += '<thead>';
  63. table += '<tr>';
  64. table += '<th>Product</th>';
  65. table += '<th>Quantity</th>';
  66. table += '<th>Cost</th>';
  67. table += '</tr>';
  68. table += '</thead>';
  69. table += '<tbody>';
  70. table += '<tr>';
  71. prod.each(function(i) {
  72. $.post('fetch_cost.php', {'type':$(this).val()}, function(cost){
  73. table += '<tr>';
  74. table += '<td>' + $(this).val() + '</td>';
  75. table += '<td>' + quant.eq(i).val() + '</td>';
  76. table += '<td>' + cost + '</td>';
  77. table += '</tr>';
  78. });
  79. });
  80. table += '</tr>';
  81. table += '</tbody>';
  82. table += '</table>';
  83. $(".orders_preview").html(table);
  84. });
  85. });
  86.  
  87. <?php
  88. require("conn.php");
  89. $type = $_POST['type'];
  90. $sql = mysqli_query($conn, "SELECT cost from product_cost WHERE product ='$type'");
  91. if ($sql){
  92. while ($row = mysqli_fetch_row($sql)){
  93. $cost = $row[0];
  94. echo $cost;
  95. }
  96. }
  97. ?>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement