Home/ Questions/Q 7081831
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T06:58:14+00:00

<?php $sort=$_REQUEST[‘sortby’]; echo $sort ; ?> <html> <head> </head> <body> <form method=get id=thisForm >

  • 0
<?php
$sort=$_REQUEST['sortby']; 
 echo" $sort ";  
?>  
<html>
<head>  
</head>
    <body>  
<form method="get" id="thisForm" >  
          <table border=1>  
        <tr>  
            <td>  
                <a href="" name="say" onclick="javascript: sorting(0)">Day </a>
            </td>
            <td>
                <a href="" name="server" onclick="javascript: sorting(1)">Server </a>  
            </td>  
            <td>  
                <a href="" name="service" onclick="javascript: sorting(2)">Service </a>  
            </td>  
            <td>  
                <a href="" name="count" onclick="javascript: sorting(3)">Count </a>  
            </td>  
        </tr>  
    </table>    
        <input type="hidden" name="sortby"  id="sortby"/>  
    </form>  
    </body>  


<script type="text/javascript" >  

var sortArray=new Array("say","server","service","count");  
function sorting( cnt)  
{  
    alert(sortArray[cnt]);  
    document.getElementById("sortby").value=sortArray[cnt];  
}

Based on the Header clicked i am trying to build a sort query but after it is submitted on clicking the “a href” link i am unable to get the hidden field posted data ?

I have changed “a href” to submit buttons then how do you stop the page being submitted if we click the same “sort by” link.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here is what you’re missing:

    • A link does not submit the form with input data, it just changes the url.
    • Submit the form.
    • Override the default <a> behavior (for example, using return false).

    An updated version of sorting:

    var sortArray=new Array("say","server","service","count");  
function sorting(cnt)  
{  
    document.getElementById("sortby").value = sortArray[cnt];  
    document.getElementById("thisForm").submit();
    return false;
}

    You can call it using: 

    <a href="" name="say" onclick="return sorting(0);">Day </a>

    Working example: http://jsbin.com/ukoton/3

    Another option is to use the popular library jQuery, which can greatly simplify your code:

    $(function(){
  $('#thisForm a').click(function(ev){
    var sortValue = this.name;
    // an alternative to this.name is to use a data-sortBy='day' attribute, 
    // and then $(this).data('sortBy')
    $('#sortby').val(sortValue);
    $('#thisForm').submit();
    ev.preventDefault();
  });
});

    Working example: http://jsbin.com/ukoton/4

    • 0