如何填写带有下拉选择的文本字段 [英] How to fill in a text field with drop down selection

问题描述

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

我正在写这个html

 < td align =right> 
< select name =xyzsize =1> 
< option value =>< / option> 
<？php foreach（$ comments as $ comment）：？> 
<？if（$ comment-> x！= 0）：？> 
< option value =<？= $ comment-> x;？><？=（$ comment-> x == $ postData [xyz]？'selected =选择了' ）>>？ 
<？= $ comment-> y;？> 
< / option> 
<？endif;？> 
<？php endforeach; ？> 
< / select> 
< textarea name =xzcols =36rows =3><？= $ postData [xz];？>< / textarea> 
< / td> 
  

解决方案

这样的一个 jsfiddle演示？

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：

 code>< 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> 
  

I have a drop down with different strings, I want a text box to be filled in with the string of the drop down selected.

I am writing this in 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>

解决方案

Something like this 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>

这篇关于如何填写带有下拉选择的文本字段的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！