如何从ajax传递两个值

Question

Currently I'm pass one value from ajax to php using onlick event.this is my onclick

<a href="#" id="<?php echo $row['cat_id'];?>" onclick="showCat(this.id)" >click </a>

and this is my ajax code

function showCat(id) {
    //get the selected value

    //make the ajax call
    $.ajax({
        url: 'ajax_categ.php',
        type: 'GET',
        data: {option : id},
        success: function(data) {
           document.getElementById('meal').innerHTML =data;
        }
    });

}

what i want to do is,i want to pass another value from ajax code. this is i want to pass value

<input type="text" value="<?php echo $resname;?>" name="another"  />

Answer 1

You can get text box value using $("input[name='another']").val() and it can be passed to ajax call parameter which is mentioned in code.

function showCat(id) {
     var resname = $("input[name='another']").val();  //here you can getvalue of your textbox
    //make the ajax call
    $.ajax({
        url: 'ajax_categ.php',
        type: 'GET',
        data: {option : id, resname : resname},
        success: function(data) {
           document.getElementById('meal').innerHTML =data;
        }
    });

}