分类导航

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了javascript – 使用jQuery将文本附加到textarea的末尾，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我正在尝试使用 jquery在textarea的末尾附加文本.

我的HTML代码如下所示：

<textarea class='form-control' placeholder="Write something..." id="message" name="message" size='20'></textarea>
<fieldset class="form-group">
  <div class="checkBox">
    <label for="deptList">
      <label for="departments" id="deptList">SELEct a department
        <small>use this in case you've set up your account to <a
                                                href="#"> include a department</a> at the end
                                            of the text
                                        </small>
      </label>
      <input type="checkBox" value="" class="checkBox-inline" id="deptcheck">
      <SELEct class="form-control" id="departments">
        <option>Dept. 1</option>
        <option>Dept. 2</option>
        <option>Dept. 3</option>
        <option>Dept. 4</option>
        <option>Dept. 5</option>
        <option>Dept. 6</option>
        <option>Dept. 7</option>
      </SELEct>
    </label>
  </div>

</fieldset>

和我附加文本的脚本是：

$('#deptcheck').click(function() {
    var themessage = $("#message").text();
    var theDepartment = $("#departments").find(":SELEcted").text();

    if ($(this).is(":checked")) {

        console.log(themessage + theDepartment);
        $("#message").val(themessage + theDepartment);
    }else {
        alert('you have included department in your text,please remove it to avoid extra charges');
    }
});

至今：
– 当我添加它时,我可以将下拉选项的值添加到文本区域但是它会清除所有现有文本.

我想要实现的是用户在文本区域中键入一些文本,然后用户从文本区域下方的下拉列表中选择一个选项,然后在文本中键入文本的末尾添加下拉列表的文本区域.我尝试过在线资料,但我似乎没有把它弄好.我哪里错了？

这是一个链接到同一个 JS Fiddle的小提琴

解决方法

要在textarea中获取文本,您必须使用val()函数：
$( “#消息”)VAL().

$('#deptcheck').click(function() {

  var themessage = $("#message").val();
  var theDepartment = $("#departments").find(":SELEcted").text();

  if ($(this).is(":checked")) {

    console.log(themessage + theDepartment);
    $("#message").val(themessage + theDepartment);
  } else {
    alert('you have included department in your text,please remove it to avoid extra charges') //disable input
  }
});