par
hi-logik » 21 janv. 2010, 02:23
Bonjour,
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));
}
});
});
Bon pour le selected du 2eme je verrais ça après je penses enfin avoir compris comment faire puisque que ca marche
avec la session pour la première select liste
Merci bien.
Bonjour,
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]
$(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));
}
});
});
[/code]
Bon pour le selected du 2eme je verrais ça après je penses enfin avoir compris comment faire puisque que ca marche
avec la session pour la première select liste
Merci bien.