Основное выпадающее меню

Question

я пытаюсь добавить основное выпадающее меню, которое дает 5 возможных вариантов.Когда вы выберете это в раскрывающемся списке, справа появится еще одно поле, в котором будет дан ответ для этого выбора, а именно:

При выборе Франции (в раскрывающемся списке), поле справа содержит ответ: Париж.

Я использую HTML, CSS - извините, я не слишком хорош в кодировании и подумал, может ли кто-нибудь помочь.Спасибо.

Answer 1

Смотрите это.Вам нужно использовать javascript, чтобы изменить текст второго поля.Я сделал только три варианта, но у вас не должно возникнуть особых проблем с добавлением двух оставшихся.

Помните, что countryInput.value дает «имя» параметра, а не отображаемый текст.Если вам нужно объяснить, как работает javascript, для этого есть сайты лучше, чем stackoverflow.

function cityChange() {
  var countryInput = document.getElementById("country");
  var cityInput = document.getElementById("city");
  var city = "";
  
  switch (countryInput.value) {
    case "france":
      city = "Paris";
      break;
    case "slovakia":
      city = "Bratislava";
      break;
    case "germany":
      city = "Berlin";
      break;
  }
  
  cityInput.value = city;
  
}

<select id="country" onchange="cityChange()">
  <option disabled selected> -- select a country -- </option>
  <option value="france">France</option>
  <option value="slovakia">Slovakia</option>
  <option value="germany">Germany</option>
</select>
<input type="text" id="city" readonly/>