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

你可以试试这个，而不是使用隐藏的输入，你可以使用属性＆＃39;数据＆＃39;在Links中，在这种情况下将命名为：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>

您将获得价值＆＃39; 1＆＃39;或者＆＃39; 2＆＃39;，根据您点击的链接，当然您必须用{{categorie.idcategorie}}替换这些数字

获取动态输入值JQuery + Twig

1 个答案: