Des Options claires et Re-Remplir la Liste Déroulante - jQuery/Ajax

Question: Comment effacer la liste d'options, puis re-remplir?

Description: Lorsqu'un événement est déclenché, j'ai besoin d'en effacer le contenu actuel de la liste déroulante " #regionlist et #citylist.

Problème: une fois que l'utilisateur soumet le formulaire via la méthode GET. Liste par région et ville de la liste de valeurs d'obtenir accumulés (villes nouvelles + la précédente liste de villes (avant actualisation)).

Le code ci-dessous renseigne sur les listes, comment puis-je effacer la liste avant le remplissage de la liste

function getRegions(e){//search regions from databse using ajax and jquery
    if(e!=''){
        $.post("library/region.php", {ids: e },
           function(data){
            $("#regionlist").html(data.regions); 
           if(data.cities){//if region not exists show the cities 
             $("#citylist").html(data.cities);
            } 
        }, "json");
    }   
}
function getCities(e){//search cities from databse using ajax and jquery
    if(e!=''){
        $.post("library/city.php", {ids: e },
       function(data){
         $("#citylist").html(data);
       });
    }
}
InformationsquelleAutor user311509 | 2011-08-23
  1. 6

    Essayez ceci:

    $('#regionlist')
    .find('option')
    .remove()
    .end()
    .append('<option value="whatever"></option>')
    .val('whatever');

$('#citylist')
    .find('option')
    .remove()
    .end()
    .append('<option value="whatever"></option>')
    .val('whatever');

    Espère que cette aide.

    InformationsquelleAutor AlphaMale
  2. 2

    $('select').find('option').remove();

    ou si vous avez l'option de groupes, vous pouvez utiliser la même méthode que vous utilisez pour les remplir, $('select').html('');

    • N'a pas fonctionné ... Listes apparaît foiré et pas cohérent en termes de chargement.
    InformationsquelleAutor Shagglez