barsad
چهارشنبه 16 مرداد 1398, 19:59 عصر
سلام دوستان عزیز
من یک فهرست کشویی نیاز دارم که وابسته هم باشن.
به عنوان مثال :
با انتخاب گزینه قاره اروپا - فهرست بعدی لیستی از کشورهای اروپا نشون بده مثلا اتریش. و بعد از انتخاب این کشور وارد یک لینک مشخص بشه. ممنون میشم اگه دوستان کسی هست این کد رو بصورت HTML به من آموزش بده.
البته یه کدی پیدا کردم دقیقا همونی هست که لازم دارم. فقط میخام به کشورها لینک بخوره که به محض انتخاب وارد لینک مربوطه بشه. نمونه کد رو همینجا میزارم. مرسی
<!DOCTYPE html>
<html>
<body>
<select id="car" onchange="ChangeCarList()">
<option value="">انتخاب قاره</option>
<option value="as">آسیا</option>
<option value="or">اروپا</option>
<option value="os">استرالیا</option>
</select>
<select id="carmodel"></select>
<script>
var carsAndModels = {};
carsAndModels['as'] = ['تایلند', 'چین', 'دبی'];
carsAndModels['or'] = ['اتریش', 'اسپانیا', 'ایتالیا', 'هلند'];
carsAndModels['os'] = ['استرالیا'];
function ChangeCarList() {
var carList = document.getElementById("car");
var modelList = document.getElementById("carmodel");
var selCar = carList.options[carList.selectedIndex].value;
while (modelList.options.length) {
modelList.remove(0);
}
var cars = carsAndModels[selCar];
if (cars) {
var i;
for (i = 0; i < cars.length; i++) {
var car = new Option(cars[i], i);
modelList.options.add(car);
}
}
}
</script>
</body>
</html>
من یک فهرست کشویی نیاز دارم که وابسته هم باشن.
به عنوان مثال :
با انتخاب گزینه قاره اروپا - فهرست بعدی لیستی از کشورهای اروپا نشون بده مثلا اتریش. و بعد از انتخاب این کشور وارد یک لینک مشخص بشه. ممنون میشم اگه دوستان کسی هست این کد رو بصورت HTML به من آموزش بده.
البته یه کدی پیدا کردم دقیقا همونی هست که لازم دارم. فقط میخام به کشورها لینک بخوره که به محض انتخاب وارد لینک مربوطه بشه. نمونه کد رو همینجا میزارم. مرسی
<!DOCTYPE html>
<html>
<body>
<select id="car" onchange="ChangeCarList()">
<option value="">انتخاب قاره</option>
<option value="as">آسیا</option>
<option value="or">اروپا</option>
<option value="os">استرالیا</option>
</select>
<select id="carmodel"></select>
<script>
var carsAndModels = {};
carsAndModels['as'] = ['تایلند', 'چین', 'دبی'];
carsAndModels['or'] = ['اتریش', 'اسپانیا', 'ایتالیا', 'هلند'];
carsAndModels['os'] = ['استرالیا'];
function ChangeCarList() {
var carList = document.getElementById("car");
var modelList = document.getElementById("carmodel");
var selCar = carList.options[carList.selectedIndex].value;
while (modelList.options.length) {
modelList.remove(0);
}
var cars = carsAndModels[selCar];
if (cars) {
var i;
for (i = 0; i < cars.length; i++) {
var car = new Option(cars[i], i);
modelList.options.add(car);
}
}
}
</script>
</body>
</html>