jQuery手动提交表单

you could use the .serialize() method :

var queryString = $('#myForm').serialize();

which would give you something like :

EventType=All&KeywordBox=blablabla

you could then load the page you want like so :

document.location ='http://myschool.com/event.aspx?'+queryString;

Summary :

<formid="myForm" method="GET"><div class="EventRadios" style="color:#574319;font:13px Trebuchet">

    <input type="radio" name="EventType" value="All"/>All &nbsp;  

    <input type="radio" name="EventType" value="Class"/>Class &nbsp;  

    <input type="radio" name="EventType" value="Event"/>Event &nbsp;    

    <input type="radio" name="EventType" value="Support Group"/>Support Group &nbsp;&nbsp;<br/><br/>

</div>

<input name="KeywordBox" class="BasicSearchInputBox" type="text" value="Keyword Search..."/>

<div class="searchBtnHolder"><a class="searchButton" href="#"type="submit"><span>Search</span></a></div></form>

<scripttype="text/javascript">

  $('.searchButton').click(function(ev){



    var queryString = $('#myForm').serialize();

    document.location ='http://myschool.com/event.aspx?'+queryString;

  });

</script>

 

simple answer to your question is grab all your form value and make url string with your value and send to location.href = " your url + value ";

$(".searchButton").click(function(){



    var radioVal =  $('input:radio[name=EventType]:checked').val();

    var textVal = $("input:text[name=keywordBox]").val();



    value ="r="+ radioVal +"&t="+ textVal;

    location.href ="yourURL"+ value;



});

 

原文地址：http://stackoverflow.com/questions/8645861/add-querystring-to-url-on-buttonclick-jquery