如何从输入框值中移除指定字符串？附现有代码求助

DevOps 小满

2026-5-21

解决方案：从输入框值中移除指定字符串

嘿，我看你已经搭好了基础结构，这就帮你把代码补全并优化，完美实现点击按钮移除指定字符串的功能。

完整代码实现

HTML部分

<button type="button" class="removeJiku btn btn-danger">Remove</button>
<input name="usp-custom-2" id="usp-custom-2" type="text" value="" data-required="true" placeholder="Example Input 2" class="usp-input usp-input-custom usp-form-253" required="required">

JavaScript部分

$(".removeJiku").on("click", function(){
    // 获取要移除的目标字符串（从PHP传递过来）
    const removeThisId = "<?php echo $idThisPost; ?>";
    // 获取输入框元素（ID是唯一的，无需额外父级选择器）
    const inputElement = $("#usp-custom-2");
    // 获取当前输入框的值
    let currentValue = inputElement.val();
    
    // 全局移除所有匹配的指定字符串（加/g表示全局替换）
    // 若只需移除第一个匹配项，去掉/g即可
    const updatedValue = currentValue.replace(new RegExp(removeThisId, 'g'), '');
    
    // 更新输入框的值
    inputElement.val(updatedValue);
});

关键细节说明

选择器优化：#usp-custom-2是唯一ID，不需要额外加上#usp-form-253前缀，代码更简洁高效。
匹配规则调整：如果需要确保只移除完整独立的目标字符串（避免部分字符匹配），可以给正则添加单词边界符，比如：
```
const updatedValue = currentValue.replace(new RegExp(`\\b${removeThisId}\\b`, 'g'), '');
```
这种写法适合ID类字符串的场景，只有当目标字符串作为独立单元出现时才会被移除。
空值兼容性：即使输入框当前为空，这段代码也不会报错，replace方法会直接返回空字符串，稳定性拉满。