Question

我已经从一个表中获取了该值到一个下拉列表，现在一个表中有3列

名称类型价格轿车1000 汽车两厢车1500 enter image description here

因此，在下拉列表中，我会在下拉列表中找到“类型”，然后根据该下拉列表，我需要在用户选择vechile类型并单击“提交”后，将价格也填写在付款表格中。

我尝试将下拉值转换为表单，但相关选择的价格却无法获取。它为空

<form method="post" class="cart" action="Booking_form.php">
     <div class="quantity btn-quantity pull-left m-r10">
          <select name="vechile_type" class="form-control">
                <option>Select Vechile</option>
                <option value="Hatchback">Hatchback</option>
                <option value="Sedan">Sedan</option> 
          </select>
     </div>
     <button class="btn btn-primary site-button pull-left"><i class="fa"></i> Book Now</button>

我希望在任何vechile类型的下拉选择中，还应该在后端流程中选择金额，并在预订表格中显示vechile类型和价格。现在仅显示vechile类型。

Answer 1

您可以这样做：

<form method="post" class="cart" action="Booking_form.php">
         <div class="quantity btn-quantity pull-left m-r10">
              <select name="vechile_type" class="form-control veh_type">
                    <option value="">Select Vechile</option>
                    <option value="Hatchback" data-price="1500">Hatchback</option>
                    <option value="Sedan" data-price="1000">Sedan</option> 
              </select>
             <input type="hidden" name="price" class="hidd_price">
         </div>
         <button class="btn btn-primary site-button pull-left"><i class="fa"></i> Book Now</button>
    <script>
      $(document).ready(function () {
       $('body').on('change', '.veh_type', function(e){
        if($(this).val() != ''){


        $('.hidd_price').val($(this).find('option:selected').attr("data-price"));
        }else{
            $('.hidd_price').val('');
        }
    });
    });
    </script>

如何从下拉选择中将隐藏值传递给表单？

1 个答案: