jQuery UI to send additional value

Question

I am trying to usejquery auto complete. when the autocomplete is requested, I want a value from another textbox to be sent as well. However the value doesnt get sent from the other text box. please help.

HTML:

    <form>
    <input type="text" id="stat" name="stat" />
    <input type="text" id="city" name="city" />
    </form>

jQuery:

    <script type="text/javascript">
    $(function() {
$( "#city" ).autocomplete({
    source:"backend.asp?typ=getcity&stat="+$("#stat").val()
    }); 
    }); 
    </script>

you should do the .autocomplete on the city whenever the stat has changed. Otherwise it won't get updated. — Pedro Estrada
– Pedro Estrada, Commented Jun 24, 2013 at 13:20
@ Pedro: can you please write the code for me so that I can understand it better. — Amit Shah
– Amit Shah, Commented Jun 24, 2013 at 13:24

Community · Accepted Answer · 2017-05-23 12:21:01Z

0

Try to use ajax in source like,

$(function(){
    $("#city").autocomplete({
        source: function(request, response) {
            $.ajax({
                url: "backend.asp",
                dataType:'json',
                data: {
                    type: 'getcity',
                    stat: $("#stat").val()
                },
                success: function(data) {
                    response(data);
                }
            });
        },
    });
});

Refer Passing extra parameters to source using Jquery UI autocomplete

edited May 23, 2017 at 12:21

CommunityBot

11 silver badge

answered Jun 24, 2013 at 13:26

Rohan Kumar

40.7k11 gold badges81 silver badges111 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery UI to send additional value

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related