Question

I want to pass on three variables using tag <a> and jquery, I pass two variables using the name and identifier and the class. I tried to use the value in tag <a> But it did not work.
this is tag <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>

this is 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  } 
});

Any idea to help me?

Answer 1

为了您的代码的有效性和安全性，请使用data- - 属性：

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

Jquery有data()函数，有助于获取data - 属性值：

$( "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>

如果您想获取任何元素的特定属性的值，这将非常有用。

如何使用标记<a>?

2 个答案: