2011-03-10 76 views
3

我有一个下拉不同的字符串,我想要一个文本框填入下拉选择的字符串。如何用下拉选项填充文本字段

我在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> 
+0

你能告诉我们你的代码? – 2011-03-10 18:08:05

回答

14

像这样的事情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> 
+0

很棒的答案!为什么文本框可以拖动? – LostLin 2011-03-10 18:21:48

+0

@LukeLandwalker它可以拖动,默认 – kjy112 2011-03-10 18:25:24

+0

这是可行的,现在我可以做些什么来确保它仍然有效,如果用户在文本框中键入内容 – Technupe 2011-03-10 18:26:27

相关问题