如何根据下拉菜单显示不同的文本？

Question

For example, when user choose the option "boy", it will show the text "Tom" in bellow.例如，当用户选择选项“男孩”时，它会在下面显示文本“汤姆”。 If user choose another option "girl", it will show the text "Ava".如果用户选择另一个选项“女孩”，它将显示文本“Ava”。

Answer 1

Refer below code参考下面的代码

    <html>
    <body>
   <select id="mySelect" onchange="myFunction()">
  <option value="">Select</option>
   <option value="girl">Girl</option>
   <option value="boy">Boy</option>
   </select>
   <div>
  <lable>Name: <span id="selectedName"></span></lable>
   </div>
   <script>
    function myFunction() {
    var gender =document.getElementById("mySelect").value;
    switch(gender){
    case "boy":
    //alert("Tom");
    document.getElementById("selectedName").innerHTML = "Tom";
    break;
    case "girl":
   // alert("Ava");
   document.getElementById("selectedName").innerHTML = "Ava";
   break;
   default:

    document.getElementById("selectedName").innerHTML = "";
    }
}
    </script>
    </body>
    </html>

如何根据下拉菜单显示不同的文本？

问题描述

1 个解决方案

解决方案1
0 已采纳 2020-01-22 10:36:47

如何根据下拉菜单显示不同的文本？

问题描述

1 个解决方案

解决方案1 0 已采纳 2020-01-22 10:36:47

解决方案1
0 已采纳 2020-01-22 10:36:47