javascript-从Textarea动态删除字符

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-从Textarea动态删除字符，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1355字，纯文字阅读大概需要2分钟。

内容图文

我有一个textarea,根据下拉列表的不同,它会具有动态的maxlength.

我有一种情况,
如果用户选择选择具有更长的最大长度的选项,即如果是“ b”,
然后输入字符
然后
选择一个最大长度较短的选项,即以我为例
我需要从文本区域中删除多余的字符数,在从下拉列表中选择更长的选项时输入.

这是一个示例代码：

var maxLen;

function lengthChange() {
  var id = $('#ta').attr("id");
  var dropdown = $('#choice').val();
  var taValue = $('#ta').val();
  var len = taValue.length;
  if (dropdown == "a") {
    maxLen = "5";
    $('#' + id).attr("maxlength", maxLen);
  } else {
    maxLen = "10";
    $('#' + id).attr("maxlength", maxLen);
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="choice" name="choice" onchange="lengthChange()">
  <option value="a">a</option>
  <option value="b">b</option>
</select>

<textarea id="ta" name="ta" rows="4" cols="20" maxlength="5">
</textarea>

解决方法:

var maxLen;

function lengthChange()
{
    var $ta = $('#ta'),
        dropdown = $('#choice').val(),
        taValue = $ta.val();

    maxLen = dropdown === 'a' ? 5 : 10;
    $ta
        .attr('maxlength', maxLen)
        .val(taValue.substr(0, maxLen));
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="choice" name="choice" onchange="lengthChange()">
  <option value="a">a</option>
  <option value="b">b</option>
</select>

<textarea id="ta" name="ta" rows="4" cols="20" maxlength="5">
</textarea>

内容总结

以上是互联网集市为您收集整理的javascript-从Textarea动态删除字符全部内容，希望文章能够帮你解决javascript-从Textarea动态删除字符所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端