Sunday, 15 May 2011

button - how to redirect to the page selected by user in the select tag -



button - how to redirect to the page selected by user in the select tag -

<select name="cmbpgcategory" id="cmbpgcategory"> <option value="" label="select" selected="selected">select</option> <option value="creditcards" label="credit cards">credit cards</option> <option value="debitcards" label="debit cards">debit cards</option> <option value="netbanking" label="net banking">net banking</option> </select>

in above code if user selects alternative creditcards page should redirect creditcard page , other field in form should posted nxt page name email etc should after cliking button<button value='seatselect' type="submit" >confirm booking</button>

your html page script code:

<html> <body> <select name="cmbpgcategory" id="cmbpgcategory"> <option value="" label="select" selected="selected">select</option> <option value="creditcards" label="credit cards">credit cards</option> <option value="debitcards" label="debit cards">debit cards</option> <option value="netbanking" label="net banking">net banking</option> </select> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> </script> <script> $(document).ready(function() { $('#cmbpgcategory').bind('change', function () { var cardtype = $('#cmbpgcategory').val();//you creditcard, debitcards values here switch(cardtype) { case 'creditcards': window.location.href = 'creditcard.php'; //more cases follow?, set break } }); }); </script> </body> </html>

select button

No comments:

Post a Comment