سوال: نحوه ارتباط دادن چندselect با هم [بایگانی]

Mansoure_c

چهارشنبه 12 آبان 1389, 12:22 عصر

mehdi.mousavi

چهارشنبه 12 آبان 1389, 18:09 عصر

سلام من دو تا select دارم كه يكي از آنها مربوط به فصل ها و ديگر مربوط به ماه هاست ميخوام وقتي روي مثلا فصل بهار كليك كردم ماه هاي مربوط به اين فصل درselect بعدي نمايش داده شود نه كل ماه هاي سال

سلام.
می تونید بدین شکل عمل کنید:

<head>
<script src="jQuery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
var seasons = {
'Spring': ['March', 'April', 'May'],
'Summer': ['June', 'July', 'August'],
'Fall': ['September', 'October', 'November'],
'Winter': ['December', 'January', 'February']
};

jQuery.getOptions = function (data, isName) {
var options = '';
$.each(data, function (name, value) {
options += '<option>' + (isName ? name : value) + '</option>';
});
return options;
}

$('#seasons').html($.getOptions(seasons, true)).change(function () {
var months = seasons[$(this).val()];
$('#months').html($.getOptions(months, false));
}).change();
});
</script>
</head>
<body>
<select id="seasons"></select>
<select id="months"></select>
</body>

موفق باشید.