使用jquery检索动态创建的隐藏输入值

Question

以下是通过php创建的表单。

<form method="POST" action="http://localhost:8000/resources/11" accept-charset="UTF-8">
<label for="tag">Tagname</label>
<input class="form-control" id="tags" name="tagname" type="text">
</div>
<div id="tagnames" class="control-group clearfix">
    <div class="tag-wrapper pull-left">
        <button data-original-title='This is about quantum description.' data- placement="top" data-toggle="tooltip" class="btn btn-default tag_tooltip" type="button">
            <span class="tagname">
                quantum <i class='fa fa-times cancel'></i>
            </span>
        </button>
    </div>
    <div class="tag-wrapper pull-left">
        <button data-original-title='This is about kids!' data-placement="top" data- toggle="tooltip" class="btn btn-default tag_tooltip" type="button">
            <span class="tagname">
                kids <i class='fa fa-times cancel'></i>
            </span>
        </button>
    </div>
    <input id="tag_ids" name="tag_ids" type="hidden" value="4,5">
</div>
<div id="tagname"></div>
<button type="submit" class="btn btn-primary submit_button">
    <span class="fa fa-pencil-square-o"></span>
    Update
</button>
<a class="btn btn-default" href="http://localhost:8000/resources">Cancel</a>
</form>

我想alert(4) or alert(5)我点击的相应标记名。我应该可以从该值中删除该ID。 谁能帮帮我吗？ 这个问题让我抓了两天。

Answer 1

我建议你这样做，分成数组并获取索引：

$('.tag_tooltip .fa-times').on('click', function(){
      var o     = $('#tag_ids').val().split(','), // creates an array
          idx   = $(this).closest('.tag-wrapper').index(), // get the index of closest parent
          value = o.splice(idx, 1); // remove the value

      $('#tag_ids').val(value); // apply the new values
      alert($('#tag_ids').val());
});