当下拉菜单（html，javascript）中的一项更改时，填写输入字段

Question

我试图结识javascript，以及如何在html中使用它。 我想要做的非常简单，当dropdownmenu id中的值发生更改时，例如想用字符串填充输入字段。

这是HTML：

<div>
    <input type="text" id="field_id" placeholder="Using..." style="width: 400px">
    <select style="width: 180px" onchange="Test()">
        <option value="" disabled selected>Select</option>
        {% for stuff in stuffs%}
        <option value="{{stuff}}">{{stuff}}</option>
        {% endfor %}                    
    </select>
</div>

和同一文档中的javascript：

<script>
    function Test()
    {
      document.getElementById(field_id).text = "asdsads";
    }   
</script>

为什么在输入字段中不填充字符串“ asdsads”？

Answer 1

您应该将参数getElementById为String：

document.getElementById("field_id").value = "asdsads";

注意field_id周围的引号。

在您的代码中， field_id是一个（未定义）变量。 您应该在浏览器的Javascript控制台中看到错误/警告。

第二：要设置输入字段的值，您需要设置value属性，而不是text属性。

这是一个与您的示例有关的小提琴： https : //jsfiddle.net/oapzL020/

Answer 2

您需要考虑到应该使用value属性初始化输入元素并测试其值：

document.getElementById("field_id").value = "some value"