Question

我的表单中有一个选择列表，如

 <form class="form-horizontal form-bordered" method="post" action="formaction">
  <div class="form-group">
    <label class="col-md-3 control-label" for="inputSuccess">Amount</label>
        <div class="col-md-6">
           <select class="form-control mb-md" name="amount" id="amount">
                    <option value="10"> 10</option>
                    <option value="20">20</option>
                    <option value="30">30</option>
                    <option value="40">40</option>
                    <option value="50">50</option>
            </select>
        </div>

      <div class="input-group mb-md">
           <button type="submit" class="btn btn-warning btn-sm">Submit</button>
      </div>
</form>

<script>
        $("#sub").click(function(){
            $.ajaxSetup({
                headers: { 'X-CSRF-Token' : $('meta[name=_token]').attr('content') }
            });


            var selectedVal= $("select option:selected").val();
            return $.ajax({
                type: 'GET',
                url: 'getdollarvalue',
                dataType: 'json',
                contentType: "application/json; charset=utf-8",
                data: {
                    "value": selectedVal
                },
                success: function(response){

                   return alert(response);
                }
            });
        });
    </script>

我在数据库中有一个表，它将相应的值存储到选定的下拉值，如

id      value         conversion
1         10            0.2
2         20            0.32
3         30            0.43
4         40            0.77

等等

我的routes.php

 Route::get('getdollarvalue/{value}', [
        'as' => 'getdollarvalue', 'uses' => 'dashboardController@getResult'
    ]);

和我的controller

public function getResult(){
        $result = Input::get('value');

        return $result;
    }

现在，当我提交表单时，我想在alert中向用户显示所选表单的相应值。例如，如果用户从下拉列表中选择20，那么在submitting表单上，用户应该看到20的相应转化，即0.32在这种情况下警报。我知道我必须为此实现ajax，我只是不明白如何实现它。请引导我完成这一个。

Answer 1

HTML：

R.id.something

脚本：

<form class="form-horizontal form-bordered" method="post" action="formaction">
<div class="form-group">
<label class="col-md-3 control-label" for="inputSuccess">Amount</label>
    <div class="col-md-6">
       <select class="form-control mb-md" name="amount" id="amount">
                <option value="10"> 10</option>
                <option value="20">20</option>
                <option value="30">30</option>
                <option value="40">40</option>
                <option value="50">50</option>
        </select>
    </div>

  <div class="input-group mb-md">
       <button type="submit" id="sub" class="btn btn-warning btn-sm">Submit</button>
  </div>
</form>

使用ajax从表单提交laravel获取数据库中的值

1 个答案: