Javascript 如何使用下拉选择填写文本字段

我有一个不同字符串的下拉列表，我想用所选下拉列表的字符串填充文本框

我是用html写的

<td align="right">
        <select name="xyz" size="1">
          <option value=""></option>
          <?php foreach($comments as $comment): ?>
            <?if($comment->x!= 0):?>
              <option value="<?=$comment->x;?>"<?=($comment->x == $postData["xyz"] ? 'selected="selected"':"")?>>
                   <?=$comment->y;?>
              </option>
            <?endif;?>
          <?php endforeach; ?>
        </select>
        <textarea name="xz" cols="36" rows="3"><?=$postData["xz"];?></textarea>
</td>

像这样的

HTML:


没有一个
文本1
文本2
文本3
文本4

JavaScript:

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

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


var mytextbox=document.getElementById（'mytext'）；
var mydropdown=document.getElementById（'dropdown'）；
mydropdown.onchange=函数（）{
mytextbox.value=mytextbox.value+this.value；//要显示
//mytextbox.innerHTML=this.value；
}
您能告诉我们您的代码吗？回答得很好！为什么文本框是可拖动的？@LukeLandwalker默认情况下是可拖动的。现在，如果用户在文本中键入某些内容，我该如何确保它仍然有效box@LukeLandwalker您可以通过
resize:none在CSS中，但如果用户在选择下拉选择后键入内容，则它将不起作用
<script type="text/javascript">
    var mytextbox = document.getElementById('mytext');
    var mydropdown = document.getElementById('dropdown');

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