如何在单击时从输入字段中删除最后一个字符

How do I remove last character from input field on click?

本文关键字：字段 删除 最后一个 字符 输入 单击      更新时间：2023-09-26

我有一个表单，当单击按钮时，它会在输入字段中输入一个值。我想添加另一个按钮，删除最后添加的字符。如何使用jQuery 来实现这一点

<script>
function addTextTag(txt)
{
document.getElementById("text_tag_input").value+=txt;
}
function removeTextTag()
{
var strng=document.getElementById("text_tag_input").value;
document.getElementById("text_tag_input").value=strng.substring(0,strng.length-1)
}
</script>
<input id="text_tag_input" type="text" name="tags" />
    <div class="tags_select">
    <a href="javascript:addTextTag('1')">1</a>
    <a href="javascript:addTextTag('2')">2</a>
    <a href="javascript:addTextTag('3')">3</a>
    <a href="javascript:removeTextTag()">delete</a>
</div>​

使用代码本身的修改版本尝试

简单的答案是，如果您使用jquery，可以执行以下操作：

//select the button, add a click event
$('#myButtonId').on('click',function () { 
    //get the input's value
    var textVal = $('#myInputId').val();
    //set the input's value
    $('#myInputId').val(textVal.substring(0,textVal.length - 1));
});

var lastChar = function (x) {
        "use strict";
        var a = document.getElementById(x),
            b = a.value;
        a.value = b.substring(0, b.length - 1);
    };

不需要jQuery。x变量是要截断的输入的id。

相关文章：