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

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

javascript jquery autocomplete

Javascript 使用jquery检索隐藏输入的动态创建值,javascript,jquery,autocomplete,Javascript,Jquery,Autocomplete,下面是通过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="

下面是通过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>


标记名
量子
孩子们
更新

我希望
警报（4）或警报（5）
我单击的相应标记名。我应该能够从值中删除该id。有人能帮我吗？

我为这个问题苦思冥想了两天

我建议您这样做，将其拆分为数组并获取索引：

$('.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());
});

fa时间与4或5的关系如何？

$（'span.tagname'）.val（）此行建议在页面上可用的span
中找到.tagname
。这就是您的问题所在，一个建议是，由于每个元素的ID都是唯一的，您不能只执行$（'#tag_ids'）.val（）请参见更新的问题。fa时间用于“取消”图标类。当我点击该图标时，我应该能够从输入的隐藏字段值中删除该值。这样，我就可以将删除后的剩余值发送回数据库。fa fa times cancel中没有任何值。@shankar发布了一个答案，如果这对您有效，您可以查看一下。谢谢Jai。是的，它的工作方式，我正在寻找！谢谢你抽出时间。