Question

112

Jquery: Possible to dynamically change source of Autocomplete widget?

rated 0 times [ 117] [ 5] / answers: 1 / hits: 30698 / 14 Years ago, tue, august 3, 2010, 12:00:00

Greetings,

I am using the official Autocomplete jquery widget and am having troubles dynamically changing a variable (selectType) I'm passing via the query string. The variable would change depending upon which option is selected via a select box.

$(function() {

var selectType = $('#selectType option:selected').attr(value);    





$(#selectType).change(function(){

    selectType = $('#selectType option:selected').attr(value);

    alert (selectType);  // alerts the right value for debugging

});



$(#address).autocomplete({

    source: ajaxSearchForClientAddress.php?selectType=+selectType,

    minLength: 3

}); 

});

Answers

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

jackelyn

Add To Favorites

Follow

Total Points: 303

Total Questions: 103

Total Answers: 102

Location: Turks and Caicos Islands

Member since Sun, Mar 7, 2021

3 Years ago

jackelyn questions

1 NodeJS Sendgrid 401 unauthorized

Thu, Apr 8, 21, 00:00, 3 Years ago

1 Get accessToken in auth0

Sun, Feb 28, 21, 00:00, 3 Years ago

1 How to target a styled component inside another styled component?

Fri, Jan 1, 21, 00:00, 3 Years ago

1 Refresh WooCommerce product page on added to cart

Mon, May 25, 20, 00:00, 4 Years ago

1 How to pass data fetched in _app.js to a component

Thu, Apr 30, 20, 00:00, 4 Years ago

View All

answered 14 Years ago juliettec · Accepted Answer

Try actually changing the source option of the autocomplete on the change event.

$(function () {

    var select = $( #selectType ),

        options = select.find( option ),

        address = $( #address );



    var selectType = options.filter( :selected ).attr( value );

    address.autocomplete({

        source: ajaxSearchForClientAddress.php?selectType= + selectType,

        minLength: 3

    });



    select.change(function () {

        selectType = options.filter( :selected ).attr( value );

        address.autocomplete( option, source, ajaxSearchForClientAddress.php?selectType= + selectType );

    });

});