Jquery UI Autocomplete get data from another select

Question

I want to have an jquery ui autocomplete to get the data from certain mysql tables. So if the html select is from email, it will send param to the php to get data from email table. if handphone it will send the param so the php select different table.

However, the script seems to send only the 1st value of the html select. How to fix this?

<script>
$(function(){
$("#birds").autocomplete({source:"get.data.php?type="+$('#type').val()+"&"});
});
</script>
</head>
<body>
<div class="ui-widget">
<select id="type"><option value="b2">Email</option><option value="b3">Handphone</option></select>
<label for="birds">Birds: </label>
<input id="birds" size="50" />
</div>

I've tried this and it also failed. The script only send the 1st value of the select, not the second.

<script>
$(function(){
type=$('#type').val();
$('#type').change(function(){type=$('#type').val();});
$("#birds").autocomplete({source:"get.data.php?type="+$('#type').val()+"&"});
});
</script>
</head>
<body>
<div class="ui-widget">
<select id="type"><option value="b2">Email</option><option value="b3">Handphone</option></select>
<label for="birds">Birds: </label>
<input id="birds" size="50" />
</div>

Can anyone help? Thank you.

============================================

ANSWERED by Rajesh as below...

<script>
$(function(){
$('#type').change(function(){$("#birds").autocomplete( "option", "source",     "get.data.php?type="+this.value+"&");});
$("#birds").autocomplete({source:"get.data.php?type="+$("#type     option:selected").val()+"&"});
});
</script>

rajesh kakawat · Accepted Answer · 2013-11-14 09:18:34Z

1

try something like this

            $('#type').change(function(){
                $("#birds").autocomplete( "option", "source", "get.data.php?type="+this.value+"&");
            });

answered Nov 14, 2013 at 9:18

rajesh kakawat

10.9k1 gold badge24 silver badges40 bronze badges

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

1 Comment

Martin Ivanovich Over a year ago

Thank you @rajesh. This works perfectly. I'll edit the answer in my question above.

MaheshMajeti · Accepted Answer · 2013-11-14 09:03:53Z

0

Try $("#type option:selected").val() to get the selected value.

answered Nov 14, 2013 at 9:03

MaheshMajeti

18712 bronze badges

Collectives™ on Stack Overflow

Jquery UI Autocomplete get data from another select

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related