Question

我一直在使用JSFiddle上的代码，它工作得很好但是当我用我的代码实现它时，这是一个支持HTML的文本区域，它似乎不起作用。这是我想要实现的代码，但它不起作用。任何人都可以建议吗？我的代码：＆lt; div text-angular =＆＃34; text-angular＆＃34;命名=＆＃34; htmlcontent＆＃34; NG-模型=＆＃34; htmlcontent＆＃34; TA-禁用=＆＃39;禁用＆＃39;＆GT;＆LT; / DIV＆GT; ＆LT; p为H. ＆lt; textarea type =＆＃34; text＆＃34; ID =＆＃34;消息＆＃34; NG-模型=＆＃34; htmlcontent＆＃34;需要=＆＃34;需＆＃34; style =＆＃34; display：none;＆＃34;命名=＆＃34;消息＆＃34; required /＆gt;＆lt; / textarea＆gt; ＆LT; / p为H. JSFIDDLE HTML：＆lt; select id =＆＃34; dropdown＆＃34;＆gt; ＆lt; option value =＆＃34;＆＃34;＆gt;无＆lt; / option＆gt; ＆lt; option value =＆＃34; text1＆＃34;＆gt; text1＆lt; / option＆gt; ＆lt; option value =＆＃34; text2＆＃34;＆gt; text2＆lt; / option＆gt; ＆lt; option value =＆＃34; text3＆＃34;＆gt; text3＆lt; / option＆gt; ＆lt; option value =＆＃34; text4＆＃34;＆gt; text4＆lt; / option＆gt; ＆LT; /选择＆GT; JSFIDDLE JS： var mytextbox = document.getElementById（＆＃39; mytext＆＃39;）; var mydropdown = document.getElementById（＆＃39; dropdown＆＃39;）; mydropdown.onchange = function（）{ mytextbox.value = mytextbox.value + this.value; } 任何建议将不胜感激？

Answer 1

您需要从事件中获取值，如下所示：

mydropdown.onchange = function(e){
    mytextbox.value = mytextbox.value  + e.value;
}

Answer 2

访问下拉元素值使用此

mydropdown.options[mydropdown.selectedIndex].value;

当您连接到文本区域时，为良好视图添加空格

 mytextbox.value = mytextbox.value +' '+ mydropdownValue;

查看代码

＆＃13;

var mytextbox = document.getElementById('message');
var mydropdown = document.getElementById('dropdown');

mydropdown.onchange = function() {
  var mydropdownValue = mydropdown.options[mydropdown.selectedIndex].value;
  mytextbox.value = mytextbox.value + ' ' + mydropdownValue;
}

＆＃13;

My Code:
<div text-angular="text-angular" name="htmlcontent" ng-model="htmlcontent" ta-disabled='disabled'></div>
<p>
  <textarea type="text" id="message" ng-model="htmlcontent" required="required" style="display: block;" name="message" required /></textarea>
</p>
</div>
HTML JSFIDDLE:

<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>

＆＃13;

Answer 3

var text = document.getElementById('message');
var drop = document.getElementById('dropdown');
drop.addEventListener('change',function(e){
text.value += ' ' + e.target.value;
//OR ` ${e.target.value}`
})

<div text-angular="text-angular" name="htmlcontent" ng-model="htmlcontent" ta-disabled='disabled'></div>
<p>
  <textarea type="text" id="message" ng-model="htmlcontent" required="required" style="display: block;" name="message" required /></textarea>
</p>
</div>
  <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>

HTML <select>选项用HTML内容填充textarea

3 个答案: