javascript - 从 Textarea 中动态删除字符

Question

我有一个文本区域，它有一个动态最大长度，取决于下拉菜单。

我有一种情况，
如果用户选择选择具有更长 maxlength 的选项，即。 "b" 在大小写中，
然后输入字符
及之后的
选择一个 maxlength 较短的选项，即。在我的例子中是“a”

我需要从文本区域中删除多余的字符数，这些字符是在从下拉列表中选择更长的选项时输入的。

这是一个示例代码:

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>

Answer 1

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>