autocomplete и jquery

Nelzz · 15.10.2014 12:11:59

Всем привет,хочу сделать autocomplete как на видео http://www.youtube.com/watch?v=pLBtduvx5b0
1:54 минуте у него уже все работает.
делаю так

Route

Route::get('autocomplete',function() {

       return View::make('dashboard.contacts.test');

    });

    Route::get('getdata',function(){

        $term = Input::get('term');

        $data = [
            'R' => 'Red',
            'O' => 'Orange',
            'Y' => 'Yellow',
            'G' => 'Green'

        ];

        $result = [];

        foreach($data as $color) {
            if(strpos(Str::lower($color),$term) !== false) {
                $result[] = ['value' => $color];
            }
        }

        return Response::json($result);

    });

View

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery UI Autocomplete - Default functionality</title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
    {{ HTML::style('assets/css/bootstrap.min.css') }}

</head>
<body>

<div class="container">
    <h2>test</h2>


    {{ Form::open(array('url' => '', 'files'=> true)) }}

    <div class="form-group">
        <label for="">Find a color</label>
        <input type="text" class="form-control input-sm" name="auto" id="auto">
    </div>

    <div class="form-group">
        <label for="">Response</label>
        <input type="text" class="form-control input-sm" name="response" id="response" disabled>
    </div>

    {{Form::close()}}

    <script>
        $('#auto').autocomplete({

            source: 'getdata',
            minLength: 1,
            select:function(e,ui){
                console.log("Selected");
            }

        });
    </script>

</body>
</html>

и не работает. Менял так

  $(function() {
            $("#auto").autocomplete({
                source: "getdata",
                minLength: 1,
                select: function( event, ui ) {
                    $('#response').val(ui.item.id);
                }
            });
        });

все равно не работает. Так вчем дело? Менял ссылку js итд.

Nelzz · 15.10.2014 19:19:56

кто нибудь поможет?

Laravel по-русски

#1 15.10.2014 12:11:59

autocomplete и jquery

#2 15.10.2014 19:19:56

Re: autocomplete и jquery

Подвал раздела