Question

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

现在在我的数据库中，我获得了UserID的无值。实际的用户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>

JS：

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

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

那么，我如何修复此错误并获取我的数据库中的两个值。请指教。谢谢。

Answer 1

您应该使用.value选项作为输入字段而不是.innerHTML

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

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

你也在textarea上使用了disabled，这会阻止通过POST发送值，而是使用readonly。

从下拉列表ERROR自动填充文本框

1 个答案: