2017-02-15 54 views
0

我想从动态值隐藏的输入值的动态值:获取输入的JQuery +桂枝

<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> 

正如你可以看到这与动态值的隐藏的输入值,这是一个的ID我将在我的脚本中使用来发送一个AJAX请求。

我尝试这样做:

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

而且这样的:

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

我选择无论元素,我总是第一个值是1

现在,如果我尝试调试它并将input类型更改为text我在每个元素上获得了不同的值,但是如何在脚本上获取值?

+0

以ID为目标,而不是类。 – Phix

+1

如果class只用于它的一次工作,那么定位类有什么问题 – guradio

+0

感谢您回答我已经改变了它,并且总是得到相同的结果 –

回答

1

你可以试试这个,而是使用隐藏的输入,你可以在链接中使用属性“数据”,在这种情况下,将其命名为:数据删除:

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”,根据您所点击的链接,当然你必须替换成{{C号ategorie.idcategorie}}