Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Feb 2011
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    AJAX Form Submit methods

    Hi,

    I have a working AJAX script which submits a form great, posts the info to a php script and displays my results in a div and <p> tags.

    I now have a new application for this form which means I want it to do the following:

    #bespoke = the form id/name

    Inputs to submit:
    #bheight - submit on keyup
    #bwidth - submit on keyup
    #getprice = submit on change
    #colour - submit on change

    All the other inputs are hidden fields and get their contents dragged over when the above fields submit.

    I am looking for a little help in converting this script to accept muliple on submit functions.

    Code:
    <script type="text/javascript">
    		$(document).ready(function() {
    			$("#bespoke").change(function() {
    				var marginvar = $("#margin").val();
    				var pricepercm = $("#price").val();
    				var besheight = $("#bheight").val();
    				var beswidth = $("#bwidth").val();
    				var getpricevar = $("#getprice").val();
    				var prodcodevar = $("#prodcode").val();
    				var qtydis = $("#qtydiscounts").val();
    				var r1 = $("#rate1").val();
    				var r2 = $("#rate2").val();
    				var r3 = $("#rate3").val();
    				var r4 = $("#rate4").val();
    				var colourselect = $("#colour").val();
    				$.post("../../../pricing_bespoke.php", { margin: marginvar, price: pricepercm, bheight: besheight, bwidth: beswidth, getprice: getpricevar, prodcode: prodcodevar, qtydiscounts: qtydis, rate1: r1, rate2: r2, rate3: r3, rate4: r4, colour: colourselect }, function(data) {
    					$("#status p").html(data);
    				});
    				return false;
    			});
    		});
    	</script>
    Thanks in advance!

    Dan

  • #2
    Senior Coder rnd me's Avatar
    Join Date
    Jun 2007
    Location
    Urbana
    Posts
    4,373
    Thanks
    11
    Thanked 591 Times in 572 Posts
    Code:
    $("#bespoke, #getprice, #colour").change(function() {
    my site (updated 13/9/26)
    BROWSER STATS [% share] (2014/9/03) IE7:0.1, IE8:4.6, IE11:9.1, IE9:3.1, IE10:3.0, FF:17.2, CH:46, SF:11.4, NON-MOUSE:38%


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •