用下拉菜单在新行中选择文本

Selected Text in new line with drop down menu

本文关键字：选择 文本 新行中 下拉菜单      更新时间：2023-09-26

我想创建一些下拉菜单，并从这里获取代码:

如何使用下拉选择填充文本字段

http://jsfiddle.net/kjy112/kchRh/

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>

但是我想要新的文本后，另一个必须插入到新的行文本区域，没有相同的行与以前选择的选项。

任何帮助都是感激的。谢谢所有人。

请查看JS文件

http://jsfiddle.net/s293s7cz/

mydropdown.onchange = function(){
     if(!mytextbox.value)
     mytextbox.value = this.value; //first case or else you will have a newline at first 
     else
     mytextbox.value = mytextbox.value  + ''n' + this.value;
}

也试一试。

 mytextbox.value = mytextbox.value  + this.value +"'n";

可以用"'r'n"来插入新行

mydropdown.onchange = function(){
     mytextbox.value = mytextbox.value  + "'r'n" + this.value;
}

您只需要验证第一项是否插入新行

必须明确添加新行:

mytextbox.value = mytextbox.value  + "'n" + this.value;

如果您不希望在向文本区域添加第一个条目时添加空行，则为其编写代码:

if(mytextbox.value) {
  mytextbox.value = mytextbox.value  + "'n" + this.value;
} else {
  mytextbox.value = this.value;
}
相关文章：