javascript - 获取输入的动态值 JQuery + Twig

Question

我正在尝试从具有动态值的隐藏输入中获取值:

<form>
    <input class="AAA" type="hidden" value="{{ categorie.idcategorie }}" >
        <a type="submit" name="clickdelete" class="clickdelete">
            <i class="fa fa-times" aria-hidden="true"></i> Supprimer Categorie</a>  
</form>

正如您所看到的，这是一个具有动态值的隐藏输入值，该值是一个将在我的脚本中用于发送 AJAX 请求的 ID。

我尝试过这个:

var id = $(".AAA").attr("value");
console.log( id )

也像这样:

console.log( $(".AAA").val()  ) 

无论我选择什么元素，我总是得到第一个值，即1

现在，如果我尝试调试它并将 input 类型更改为 text，我会在每个元素上得到不同的值，这很好，但是如何在我的脚本上获取值？

Answer 1

您可以尝试这个，而不是使用隐藏输入，您可以在链接中使用属性“数据”，在本例中将被命名为:data-delete:

https://jsfiddle.net/kaLeokgt/

<form> 
<a href="#" class="clickdelete" data-delete="1"> 
    <i class="fa fa-times" aria-hidden="true"> </i> Supprimer Categorie
</a>
<br>

<a href="#" class="clickdelete" data-delete="2"> 
    <i class="fa fa-times" aria-hidden="true"> </i> Supprimer Categorie
</a>

</form>

现在，动态获取属性值:

<script>

$(document).ready(function () {
    $('.clickdelete').click(function () {        
        var id = $(this).attr('data-delete');
        alert(id);
    });

});
</script>

根据您点击的链接，您将获得值“1”或“2”，当然您必须将这些数字替换为 {{ categorie.idcategorie }}