Question

55

Typeahead.js include dynamic variable in remote url

rated 0 times [ 58] [ 3] / answers: 1 / hits: 16859 / 11 Years ago, sun, september 8, 2013, 12:00:00

I have tried for hours now, to get a variable in my remote path. The variable will change, depending on another input. Here is the code:

school_value = $('#school').val();

$('#school').change(function () {

    school_value = $(this).val();

    $('#programme').typeahead('destroy'); // I have also tried with destroy - but it doesnt work.

});

$('#programme').typeahead({

    remote: 'typeahead.php?programme&type=1&school_name=' + school_value,

    cache: false,

    limit: 10

});

The variable 'school_type' is not set in the remote addr, and therefore not called.

Do you have any clue how to get it working? I have just switched from Bootstrap 2.3 to 3, and then noticed typeahead was deprecated. Above code worked on Bootstrap 2.3, but it seems like when the script is initialized, the remote path is locked.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

margaritakristinak

Add To Favorites

Follow

Total Points: 502

Total Questions: 127

Total Answers: 98

Location: England

Member since Mon, May 17, 2021

3 Years ago

margaritakristinak questions

1 Parcel.js says to add the type=module attribute to the < script> tag but I've already added it

Thu, Mar 31, 22, 00:00, 2 Years ago

1 Error [ERR_MODULE_NOT_FOUND]: Cannot find package '@babel/plugin-preset-react' imported from

Sun, Feb 20, 22, 00:00, 2 Years ago

1 Why is local storage deleted when I refresh the page?

Tue, May 11, 21, 00:00, 3 Years ago

1 Click event not firing on touchscreen when finger moves a bit

Tue, Oct 29, 19, 00:00, 5 Years ago

1 Nuxt.js: How to use the same page with different URLs and switch the components to be displayed according to the URL

Thu, Mar 28, 19, 00:00, 5 Years ago

View All

answered 11 Years ago kenyonmasonc · Accepted Answer

I have found the solution! Code:

$('#programme').typeahead({

    remote: {

        url: 'typeahead.php?programme&type=1&school_name=',

        replace: function () {

            var q = 'typeahead.php?programme&type=1&school_name=';

            if ($('#school').val()) {

                q += encodeURIComponent($('#school').val());

            }

            return q;

        }

    },

    cache: false,

    limit: 10

});

Based on this threads answer: Bootstrap 3 typeahead.js - remote url attributes

See function replace in the typeahead.js docs