javascript - 如何将 jquery 值从选定的下拉列表传递到 Laravel 5.1 中的变量？

Question

我已经在 Controller 类中创建了(价格)字段，如下所示。

   protected $fields = [
        'tag' => '',
        'title' => '',
        'location' => '',
        'property_type' => '',
        'residence_name' => '',
        'bedroom_no' => '',
        'price' => '',
        'lease' => 0,
    ];

我还在表中创建了一个列(价格)以进行迁移，如下所示。

Schema::table('tags', function (Blueprint $table) {

    $table->string('location');
    $table->string('property_type');
    $table->string('residence_name');
    $table->string('bedroom_no');
    $table->string('price');
    $table->boolean('lease');

});

其他字段保存在数据库中，因为它们是文本输入字段。以下是保存在数据库中的位置输入字段的工作示例代码:

<div class="form-group">
  <label for="location" class="col-md-3 control-label">
  Location / City
  </label>
   <div class="col-md-8">
     <input type="text" class="form-control" name="location" placeholder=""
       id="location" value="{{ $location }}">
 </div>
</div>

这是价格下拉的代码，我想从 jQuery 获取 varprice 的值，然后将其传递给 Laravel 中的 $price var:

 <div class="form-group">
  <label for="price" class="col-md-3 control-label">
   Price
  </label>
  <div class="col-md-4">
   <select class="form-control" id="price" value="{{ $price }}">
    <option>10,000 - 15,000</option>
    <option>15,000 - 20,000</option>
    <option>20,000 - 25,000</option>
    <option>30,000 - 50,000</option>
    <option>50,000 and Above</option>
   </select>
  </div>
 </div>

用 jQuery 脚本代码接受用户的输入

<script>
$("#price").change(function () {
   var price = $(this).val();
   alert(price);
});
</script>

Answer 1

添加到您的<select>标记 name属性 price以及每个<option>标签属性 value具有您想要的值(value)。

<select class="form-control" id="price" name="price">
    <option value="10,000 - 15,000">10,000 - 15,000</option>
    <option value="15,000 - 20,000">15,000 - 20,000</option>
    <option value="20,000 - 25,000">20,000 - 25,000</option>
    <option value="30,000 - 50,000">30,000 - 50,000</option>
    <option value="50,000 and Above">50,000 and Above</option>
</select>

你不需要任何其他东西。这就是 HTML 表单的工作原理。

该值附加到名称中，您稍后可以通过以下方式获取它:

$request->input('price');您传递给 $request->input 的参数是表单中输入/选择/复选框/单选元素的名称参数，它将等于 value已被选中。

删除 JavaScript，因为您的情况不需要它。