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

Question

我有一个包含不同字符串的下拉列表，我希望用所选下拉列表的字符串填充一个文本框。

我是用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>

Answer 1

类似jsfiddle demo?

HTML：

<textarea id="mytext"></textarea>

<select id="dropdown">
    <option value="">None</option>
    <option value="text1">text1</option>
    <option value="text2">text2</option>
    <option value="text3">text3</option>
    <option value="text4">text4</option>
</select>

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>