如何用原生JS实现点击按钮将下拉框选中值拼接代码插入textarea

代码存在的问题 #

• 变量引用错误：你已经定义了代表下拉框的变量Fotoselect，但获取选中值时错误使用了未定义的select变量，导致程序报错无法执行
• 字符串拼接引号不匹配：拼接img标签时src属性开头用了双引号，闭合时误用了单引号，最终生成的标签语法错误
• 多余的语法符号：函数末尾多写了});，这是无效语法，会直接触发JS报错
• 操作textarea属性不规范：textarea属于表单元素，修改内容应该使用value属性而非innerText，避免出现兼容性问题

修正后的完整JS代码 #

function Art_AddFoto() {
  var Fotoselect = document.getElementById('art_fotoselect');
  // 修正变量引用错误
  var Selectvalue = Fotoselect.options[Fotoselect.selectedIndex].value;
  var TextArea = document.getElementById('i251x');
  // 修正引号匹配问题，使用value属性修改textarea内容
  TextArea.value += '<img src="' + Selectvalue + '" alt="Image">';
}

你的HTML代码不需要做任何改动，替换JS代码后即可正常实现需求：点击按钮时会把下拉框选中的value拼入img标签，追加到textarea内容末尾。

内容的提问来源于stack exchange，提问作者ExagonX