If condition inside jquery ui autocomplete

Question

$(function() {
var services = [      
  "Water Wash",
  "Tyre Puncture"      
];
var servicesCar = [      
  "Car Wash",
  "Tyre Puncture",
  "Vehicle Diagonstics",
  "Other Repairs",
];
$('#ServiceType').autocomplete({
    if($('#VehicleType').val() == '4w') {
        source: servicesCar,
        minLength: 0,
        scroll: true
   }
  else {
        source: services,
        minLength: 0,
        scroll: true
    } }).focus(function() {
        $(this).autocomplete("search", "");
});
});

I need to check whether the option value is 2w or 4w and based on that value, I should display the source tags. But, this code is not autocompleting the input

<select id="VehicleType" name="VehicleType">
  <option value="2w"> Bike </option> 
  <option value="4w"> Car </option> 
</select>

Here is my HTML code

@AnoopLL It is not autocompleting with an if condition inside it, Whereas, I need to check the condition and then send source tags — user5923290
– user5923290, Commented Aug 22, 2016 at 11:28
you need to write the autocomplete code inside the onChange of vehicle type. — Anoop LL
– Anoop LL, Commented Aug 22, 2016 at 11:30
I don't need to call autocomplete on changing the option. I just have to take the current value being selected and send tags based upon that @AnoopLL — user5923290
– user5923290, Commented Aug 22, 2016 at 11:34

Aneesh Sivaraman · Accepted Answer · 2016-08-22 11:38:38Z

1

HTML

<select id="VehicleType" name="VehicleType">
  <option value="2w"> Bike </option> 
  <option value="4w"> Car </option> 
</select>

<input type="text" id="ServiceType" />

JS

$(function() {
var services = [      
  "Water Wash",
  "Tyre Puncture"      
];
var servicesCar = [      
  "Car Wash",
  "Tyre Puncture",
  "Vehicle Diagonstics",
  "Other Repairs",
];

$( "#ServiceType" ).focusin(function() {
        if($('#VehicleType').val() == '4w') {
                $('#ServiceType').autocomplete({
            source: servicesCar,
            minLength: 0,
            scroll: true
        });        
   }
  else {
            $('#ServiceType').autocomplete({
            source: services,
            minLength: 0,
            scroll: true
        });  
    }    
        });
});

Reference Fiddle

answered Aug 22, 2016 at 11:38

Aneesh Sivaraman

9311 gold badge5 silver badges9 bronze badges

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

Collectives™ on Stack Overflow

If condition inside jquery ui autocomplete

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related