时间戳

首页 > 解决方案 > 使用带有 HTML 下拉选择的 Javascript

javascript - 使用带有 HTML 下拉选择的 Javascript

问题描述

我在 javascript 中使用下拉列表中的数据时遇到问题。我希望它根据选择的内容在页面上打印出来，但是到目前为止，当他们选择一个值时，什么都没有发生。我是javasript的新手，请帮助：

<form>
    <select name="abc" id="abc" onChange="check(this.form)">
        <option value="a">A</option>
        <option value="b">B</option>
        <option value="c">C</option>
    </select>
</form>
<script>
    function check (form){
        var letter = document.getElementsById("abc");
        var userLtr = letter.options[letter.selectedIndex].value;
        if (userLtr == "a"){
            document.write ("You selected A");
        }
        else if(userLtr == "b"){
            document.write ("You selected B");
        }
        else{
            document.write ("You selected C");
        }
    }
</script>

编辑：谢谢大家的帮助。我已经想通了！！

标签： javascripthtmlhtml-select

解决方案

该部分中的代码<script>仅在页面准备好时执行。您需要onchange在 select 标签上使用类似的东西和一个函数来处理它。onchange 事件。getDocumentId应该是getDocumentById，您可以在此处查看相关文档。

<select name="abc" id="abc" onchange="handleChange()">
    <option value="a">A</option>
    <option value="b">B</option>
    <option value="c">C</option>
</select>
<script>
    function handleChange() {
      var letter = document.getElementById("abc");
      var userLtr = letter.options[letter.selectedIndex].value;
      if(userLtr == "a"){
         document.write("You selected A");
      }
    }
</script>

推荐阅读