如何将选定下拉列表中的jquery值传递给Laravel 5.1中的变量?

时间:2015-11-02 13:08:13

标签: javascript php jquery mysql laravel-5.1

我在控制器类中创建了(price)字段,就像这样。

   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获取var price的值,然后将其传递给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>

3 个答案:

答案 0 :(得分:2)

<select>标记添加到name属性price以及每个<option>标记属性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的参数是表单中input / select / checkbox / radio元素的name参数,它将等于所选的value

删除javascript,因为在您的情况下不需要它。

答案 1 :(得分:0)

试试这个

<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">
    <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>
  </div>
 </div>

在jquery中

$("#price").on("change", function () {
    var price = $(this).val(); 
    alert(price);
    //Here you can use ajax to call php function
    $.ajax({
        url : <your_function_path>,
        type : 'POST',
        data : {
            price : price
        },
        success : function(ret_data) {
        }
    });
});

然后在你的php函数中通过带有“input”或“get”函数的Request对象获取值

例如。假设您有一个名为ABC的类和名为PQR的函数

class ABC extends Controller {
    public function PQR(Request $request) {
        $price = $request->get('price');
        ...
    }
}

答案 2 :(得分:0)

您提到可以将文本输入字段保存在数据库中,因此我想您知道如何在HTML中进行表单提交,在Laravel中设置发布路径,捕获控制器中的输入,然后保存到您的模型。

如果是这种情况,唯一的问题是选择下拉列表,那么您似乎忘记了select标记上的name属性和选项标记上的value属性。

如果您想在下拉列表中设置默认值,就像我猜您尝试使用value={{ $price }}一样,那么您应该使用selected属性。

<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' selected='selected'>20,000 - 25,000</option>
    <option value='30,000 - 50,000'>30,000 - 50,000</option>
    <option value='50,000+'>50,000 and Above</option>
</select>