Javascript 从下拉列表自动填充文本框错误

当从下拉列表中选择值时，我尝试填充文本框。 我能够做到这一点，但在这样做的过程中，我无法选择python脚本中文本框中出现的值

现在在我的数据库中，我得到了一个用户ID的none值。实际的用户ID出现在名称列中，如屏幕截图所示

这是HTML：

<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6" style="margin:0px 0px 0px 50px"><label for="form_lastname" class="control-label">Name</label>
    <select name="username" id="username" required class="form-control">
        <option value=""></option>
        <option value="maahir10">Dadlani, Maahir</option> 
    </select>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="width:145px
    <label for="form_lastname" class="control-label">User ID</label>
        <textarea type="text" id="userid" style="height:35px;width:120px;font-family:Raleway" disabled="yes" required></textarea>
</div>

名称
达德拉尼，马希尔
您应该为输入字段使用
.value
选项，而不是
.innerHTML

<script type="text/javascript">
    var mytextbox = document.getElementById('userid');
    var mydropdown = document.getElementById('username');

    mydropdown.onchange = function(){
        mytextbox.value = this.value;
    }
</script>


var mytextbox=document.getElementById（'userid'）；
var mydropdown=document.getElementById（'username'）；
mydropdown.onchange=函数（）{
mytextbox.value=this.value；
}

此外，您在文本区域中使用了disabled，这会阻止通过POST发送值，请改用readonly。
您不是在
mytextbox.value
之后，而不是在
mytextbox.innerHTML
之后？（编辑：见）没有。我已经试过了。它给出了同样的错误。谢谢。问题是你没有等窗口加载吗？尝试在
文档中包装Javascript。addEventListener（'load'，function（）{
在此处插入代码
}）
在您的文本区域中，您正在使用disabled属性，将其替换为readonly，并且您应该在JS not.innerHTML中使用.value，因为它无效
<script type="text/javascript">
    var mytextbox = document.getElementById('userid');
    var mydropdown = document.getElementById('username');

    mydropdown.onchange = function(){
        mytextbox.value = this.value;
    }
</script>