Question

im试图添加一个基本的下拉菜单，该菜单提供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/>

基本下拉菜单

1 个答案: