选择国家/地区的自动填充我想更改省和州的列表

时间:2015-07-12 23:25:42

标签: select autocomplete

这就是我所做的。但它不起作用:

非工作代码:

$( "#fromPays" ).on( "autocompleteselect", function( event, ui ) {
  source: "php/listeDeroulante.php?type=Pays",
  minLength: 1,
  delay:500,

  if(ui.item.label=='Canada'){ 
    $("#fromEtat").autocomplete({
      source: "php/listeDeroulante.php?type=Province",
      minLength: 1,
       delay:500
    });   
  }
  else if(ui.item.label=='USA'){ 
    $("#fromEtat").autocomplete({
      source: "php/listeDeroulante.php?type=Etat",
      minLength: 1,
      delay:500
    });   
  } 
});

如果我不使用.on并且此人再次更改,我的第二个列表不会更改:

只使用一个时间码:

$("#fromPays").autocomplete({
  source: "php/listeDeroulante.php?type=Pays",
  minLength: 1,
  delay:500,
  select: function( event, ui ) {  
    if(ui.item.label=='Canada'){ 
      $("#fromEtat").autocomplete({
        source: "php/listeDeroulante.php?type=Province",
        minLength: 1,
        delay:500
      });   
    } 
    else if(ui.item.label=='USA'){ 
      $("#fromEtat").autocomplete({
        source: "php/listeDeroulante.php?type=Etat",
        minLength: 1,
        delay:500
      });   
    }               
  }  
});  

如果有人有线索,我们将不胜感激,谢谢。

1 个答案:

答案 0 :(得分:0)

$( “#fromPays”)。自动完成({         来源:“php / listeDeroulante.php?type = Pays”,         minLength:1,         延迟:500,         select:function(event,ui){

     if(ui.item.label=='Canada'){ fromEtat('Province'); $("#fromEtat").val('').prop({'disabled' : false,'placeholder' : 'Choisir une province'});}
     else  if(ui.item.label=='USA'){ fromEtat('Etat');$("#fromEtat").val('').prop({'disabled' : false,'placeholder' : 'Choisir un état'});}
    else{$("#fromEtat").val('').prop({"disabled": true,'placeholder' : 'Non disponible'});}  

function fromEtat(provinceOuEtat){  
    $("#fromEtat").autocomplete({
    source: "php/listeDeroulante.php?type="+provinceOuEtat,
    minLength: 1,
    delay:500
});   

}

    }  

});