如何通過標籤<a>傳遞多個變量？

Question

我想通過使用標記<a>和jquery傳遞三個變量，我使用名稱和標識符以及類傳遞兩個變量。我試圖使用標籤<a>中的值但它沒有奏效。
這是標籤<a>：

 <a href="#inserts" class="add_result" 
id="<?php echo $row1['id_visits'];?>" 
name="<?php echo $id_patient;?>" 
    value="<?php echo $row1['id_testing'];?>">اضافة نتائج</a> 

這是jQuery的

$("a.add_result").click(function() { 
    var id_visits1 = $(this).id; 
    var id_patient1 = $(this).name; 
    var id_testing1 = $(this).value; 
     $.ajax({ 
      type: "POST", 
      url: "result_form.php", 
      data: { id_visits:id_visits1,id_patient:id_patient1,id_testing:id_testing1 } 
}); 

任何想法幫助我嗎？

Answer 1

的有效性和你的代碼中使用的安全data- -attributes：

<a href="#" data-id="id" data-name="name" data-value="value"></a> 

jQuery有一個data()功能，有助於獲得data -attributes值：

$("a.add_result").click(function() { 
    var id_visits1 = $(this).data("id"); 
    var id_patient1 = $(this).data("name"); 
    var id_testing1 = $(this).data("value"); 

Answer 2

你也可以使用一個onClick事件。下面的代碼正在工作。

<a href="#inserts" class="add_result" id="id_visits" name="id_patient" value="id_testing" onClick="clickMe(this)">اضافة نتائج</a> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 
<script> 
    function clickMe(element){ 
     var id = $(element).attr('id'); 
     var name = $(element).attr('name'); 
     var val = $(element).attr('value'); 

     alert(id+' : '+name+' : '+val); 
    } 
</script> 

如果您想要獲取任何元素的某些屬性或屬性的值，這很有用。