2011-03-10 74 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

相關問題