J'ai 2 select listes déroulant.
pour la première tous vas bien mais la 2eme c'est pas encore ça !
quand je clique sur la première pour listé la 2eme un coup ça marche puis quand je rechange ca fonctionne aussi
mais ca ajoute à la première selection et sa additionne à chaque fois que le change...
Moi et mes select list à force d'en mangé je vais devenir imbattable et fou aussi lol
j'ai fais le test du coté php avec l'id en paramètre dans l'url et à chaque changement il ne double pas.
voici le code :
Code : Tout sélectionner
$(document).ready(function()
{
(function($)
{
getCountries = function(ajaxUrl)
{
$.ajax
({
type: "GET",
url: ajaxUrl,
dataType: "xml",
success: function(xml)
{
$(xml).find('element').each
(
function()
{
var option = $(this).find('option');
var value = $(this).find('value');
var select = $(option).attr("selected");
if(select == 'selected' && select != 'undifined')
{
var selected = 'selected="selected"';
}
$("#country").append("<option value='"+ value.text() +"'"+ selected +">"+ option.text() +"</option>");
}
);
}
});
};
})(jQuery);
(function($)
{
getCities = function(ajaxUrl)
{
$.ajax
({
type: "GET",
url: ajaxUrl,
dataType: "xml",
success: function(xml)
{
$(xml).find('element').each
(
function()
{
var opt = $(this).find('option');
var valu = $(this).find('value');
var select = $(opt).attr("selected");
if(select == 'selected' && select != 'undifined')
{
var selected = 'selected="selected"';
}
$("#city").append("<option value='"+ valu.text() +"'>"+ opt.text() +"</option>");
}
);
}
});
};
})(jQuery);
$(getCountries("/xml/countries.php"));
$("#country").change(function()
{
var val = $('#country').attr('value');
if(val)
{
$(getCities("/xml/cities.php?id=" + val));
}
});
});
avec la session pour la première select liste
Merci bien.
