Pass input variable into jquery load function

Question

I have an input field and I want that variable to be passed as part of the url paramter in a load request. So for example what I am trying is

var inputField= $j('#inputText').val();
$j(document).ready(function() {     
    $j(".button").click(function (){    
        $j('#result').load('http://site.com?parameter='+inputField'.aClass')
    });
});

If I were trying to do this without the variable like

$j('#result').load('http://site.com?parameter=stuff .aClass')

it works fine

Can someone please show me the correct syntax to make this work?

Chandu · Accepted Answer · 2011-01-28 00:19:46Z

2

You are missing a + in your code.

Try this(changed the code to include the $j('#inputText') in the ready event..just in case..

$j(document).ready(function() {     
   var inputField= $j('#inputText').val();
    $j(".button").click(function (){    
        $j('#result').load('http://site.com?parameter='+inputField +' .aClass')
    });
});

answered Jan 28, 2011 at 0:19

Chandu

83.2k19 gold badges136 silver badges136 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Zac Over a year ago

Thanks... now it submits the request without error but it is no longer recognizing the specific element I am trying to grab ".aClass" but is instead appending that to the ?parameter=stuff.aClass

Chandu Over a year ago

You mean you want to grab the element with the className .aClass and append its value to the URL?

John Boker Over a year ago

it's missing a space after the, it's fixed in my answer, but yeah, it's a simple fix.

Chandu Over a year ago

Thx..Followed the original post hence the space was missing. Updated the post.

John Boker · Accepted Answer · 2011-01-28 00:21:18Z

0

$j(document).ready(function() {     
    $j(".button").click(function (){
        var inputField= $j('#inputText').val();    
        $j('#result').load('http://site.com?parameter='+inputField+' .aClass')
    });
});

edited Jan 28, 2011 at 0:21

answered Jan 28, 2011 at 0:16

John Boker

83.8k17 gold badges101 silver badges130 bronze badges

4 Comments

Zac Over a year ago

Where I create the variable does not sem to be making any difference. Firebug is saying I am missing a ) after arguments list ?

John Boker Over a year ago

yeah i missed it, it was missing a + after inputField.

David Thomas Over a year ago

@zac, and you didn't think posting the error message in your question might've been helpful?

Zac Over a year ago

@david.. yea sorry didnt notice that when i originally asked

Collectives™ on Stack Overflow

Pass input variable into jquery load function

2 Answers 2

4 Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related