javascript - 如何从输入值中删除数字？

Question

我有以下输入和一些值:

HTML

<input id="input_post_id" type="hidden" name="varPostId" value="29644,29650,63186,99616,101647">

单击时，我检查单击的按钮数据属性是否具有该输入中的数字 .val( ) 如果是，请将其删除:

JS

$(".removeJiku").on("click", function(){
  var removeThisId = $(".removeId").attr("data-thisPostId"); 
  $("#input_post_id").val($("#input_post_id").val().replace(removeThisId,''));
});

但是上面的js并没有删除数字。 按钮是:

<button data-thispostid="101647" type="button" class="removeJiku">Remove</button>

注意:

我还需要删除数字及其逗号

Answer 1

$(".removeId") 不是您的按钮。相反，您应该编写 $(this) ，如下面的工作代码所示。

此外，您替换值的方式将留下一个 , ，而是以其他方式完成。按 、 拆分值，然后将其删除(如果存在)，并再次通过 、 连接它们。

$(".removeJiku").on("click", function(){
  var removeThisId = $(this).attr("data-thisPostId");
  var postIds = $("#input_post_id").val();
  if(removeThisId && postIds){
    postIds = postIds.split(",");
  
    if(postIds.indexOf(removeThisId) > -1){
      postIds.splice(postIds.indexOf(removeThisId), 1);
    }
     $("#input_post_id").val(postIds.join(","));
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="input_post_id" type="hidden" name="varPostId" value="29644,29650,63186,99616,101647"/>
<button data-thispostid="101647" type="button" class="removeJiku">Remove</button>