Событие Change нужно сделать зависимые списки, и при выборе последнего должна выдаваться разная цена, как это сделать?

@Agusha205,

Событие Change нужно сделать зависимые списки, и при выборе последнего должна выдаваться разная цена, как это сделать?

Спасибо вам огромное, но у меня есть фиксированные цены квартир, что мне делать в этом случае?
Извините если этот вопрос совсем глупый, я просто только начинаю в JS

Событие Change нужно сделать зависимые списки, и при выборе последнего должна выдаваться разная цена, как это сделать?

Ruslan Agaev,

var	rooms = {
	sunny: ["1", "2", "3"],
	kobceva: ["1", "2", "3"],
	gagarina: ["1", "2"]
};

var	street = document.getElementById("select-street");
var	room = document.querySelector("#select-room");
window.onload = selectStreet;
street.onchange = selectStreet;

function selectStreet(ev){
  room.innerHTML = "";
  var c = this.value || "sunny", o;
  for(let i = 0; i < rooms[c].length; i++){
    o = new Option(rooms[c][i],i,false,false);
    room.add(o);
  };
}

var	areas = {
	1: ["41.27", "46.96", "48.31"],
	2: ["68.33", "69.64", "70.97", "72.39"],
	3: ["67.31", "67.60","86.23", "94.54"]
};

var	room = document.getElementById("select-room");
var	area = document.querySelector("#select-area");
window.onload = selectRoom;
room.onchange = selectRoom;

function selectRoom(ev){
  area.innerHTML = "";
  var c = this.value || 1, o;
  for(let i = 0; i < areas[c].length; i++){
    o = new Option(areas[c][i],i,false,false);
    area.add(o);
  };
}

Событие Change нужно сделать зависимые списки, и при выборе последнего должна выдаваться разная цена, как это сделать?

Олег, Я не знаю как сделать так чтобы он менялся

Событие Change нужно сделать зависимые списки, и при выборе последнего должна выдаваться разная цена, как это сделать?

Я написал скрипт, но он постоянно показывает один и тот же текст

const selectElement = document.querySelector('.select-area');

selectElement.addEventListener('change', (event) => {
  const result = document.querySelector('.price');
  if  {
      
  }
  result.textContent = `30000000`;
});