Jquery set variable input field value

Question

My HTML:

<input id="penge" />
<input type="button" onclick="javascript: paymentwindow.open()" value="BETAL" id="betal" />

My jQuery:

<script type="text/javascript">
$(document).ready(function(){
var penge = $("#penge").val();


            paymentwindow = new PaymentWindow({
                         'amount': penge,
                         'currency': "DKK",
                         'language': "1",
                         'orderid': "155",
                         'callbackurl': "http://localhost:3000/"
            });
});
</script>

The variable is undefined. I want to set the variable penge when the betal button is clicked.

UPDATE:

<script type="text/javascript">
$(document).ready(function(){
var penge;
$('#betal').click(function(){
    penge = $("#penge").val();
    paymentwindow.open();
});




            paymentwindow = new PaymentWindow({
                         'amount': penge,
                         'currency': "DKK",
                         'language': "1",
                         'orderid': "155",
                         'callbackurl': "http://localhost:3000/"
            });
});
</script>

Penge is undefined. I have also removed the onclick js for the betal button.

Hey man, whats the type of your input?

Tats_innit
– Tats_innit

2012-06-24 10:35:22 +00:00
Commented Jun 24, 2012 at 10:35 — Tats_innit
– Tats_innit, Commented Jun 24, 2012 at 10:35
@Tats_innit. The default is text...

gdoron
– gdoron

2012-06-24 10:36:57 +00:00
Commented Jun 24, 2012 at 10:36 — gdoron
– gdoron, Commented Jun 24, 2012 at 10:36
The value is integer the type is text

Rails beginner
– Rails beginner

2012-06-24 10:37:07 +00:00
Commented Jun 24, 2012 at 10:37 — Rails beginner
– Rails beginner, Commented Jun 24, 2012 at 10:37
You want to set the value to...?

gdoron
– gdoron

2012-06-24 10:37:30 +00:00
Commented Jun 24, 2012 at 10:37 — gdoron
– gdoron, Commented Jun 24, 2012 at 10:37

Siva Charan · Accepted Answer · 2012-06-24 11:11:28Z

2

Currently input field value is empty.

Enter some amount in the input field then click on betal button.

You will get an alert with the value entered on input field.

Do your stuff with the penge variable which is stored with your value.

var penge;
$('#betal').click(function(){     
    penge = $("#penge").val();     
    alert(penge);
});

HTML:

<input id="penge" /> 
<input type="button" value="BETAL" id="betal" />

Refer this LIVE DEMO

UPDATED:

I got your issue. Call the paymentwindow.open(); after the payment method declaration.

var penge;
var paymentwindow;
$('#betal').click(function(){
    var penge = $("#penge").val();
    paymentwindow = new PaymentWindow({
        amount: penge,
        currency: "DKK",
        language: "1",
        orderid: "155",
        callbackurl: 'http://localhost:3000/'
    });
    paymentwindow.open();    
});

Refer this LIVE DEMO 2

edited Jun 24, 2012 at 11:11

answered Jun 24, 2012 at 10:47

Siva Charan

18.1k10 gold badges64 silver badges95 bronze badges

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

2 Comments

Rails beginner Over a year ago

See it does not work with the payment window the varible is undefined: jsfiddle.net/tdgM8/6

Siva Charan Over a year ago

@Railsbeginner: I got your issue, refer to my demo 2 at updated answer.

gdoron · Accepted Answer · 2012-06-24 10:48:22Z

2

var penge;
$('#betal').click(function(){
    var penge = $("#penge").val();
});

DEMO

edited Jun 24, 2012 at 10:48

answered Jun 24, 2012 at 10:36

gdoron

151k59 gold badges302 silver badges376 bronze badges

15 Comments

Rails beginner Over a year ago

I need the value for the input field, not some value. I have tried to remove the some value. But then it is undefined.

gdoron Over a year ago

@Railsbeginner. What is the value you need...?

Rails beginner Over a year ago

@gdoron the value of the input field. I have just updated what I have tried.

gdoron Over a year ago

@Railsbeginner. Which input? try to be clearer please. The textbox? you need to put some text there first.

gdoron Over a year ago

let us continue this discussion in chat

|

Collectives™ on Stack Overflow

Jquery set variable input field value

2 Answers 2

HTML:

UPDATED:

2 Comments

15 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

HTML:

UPDATED:

2 Comments

15 Comments

Your Answer

Sign up or log in

Post as a guest

Related