的HTML <select>用HTML內容填充文本區域的選項

Question

我一直在使用下面在JSFiddle上找到的代碼，它可以正常工作，但是當我用支持HTML的文本區域的代碼實現它時，它似乎不起作用。 這是我想要實現的代碼，但無法正常工作。 有人可以建議嗎？ 我的代碼：

<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: none;" name="message" required /></textarea>
  </p>

JSFIDDLE HTML：

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

JSFIDDLE JS：

var mytextbox = document.getElementById('mytext');
var mydropdown = document.getElementById('dropdown');

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;

看代碼

 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; } 

 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> 

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>