Passing HTML input data to Javascript call

Question

I am currently using this code:

<input type=button value='Call' class="call" onClick='voipCall("<?php echo $number_1;?>")'>
<input type=button id="callendbutton" class="hangup" value='Hangup' onClick='voipHangup()'>

which uses the variable $number_1 and passes it into a javascript function to call that number. Now I need another section which lets the user input their own number to call, but I'm not sure how to pass the information from the text input box into the function call.

Something like this:

<input type="text" tip="Enter alternate phone number" name="phonenumber" id="phonenumber" size="40" value=""/>
<input type=button value='Call' class="call" onClick='voipCall("#phonenumber")'>
<input type=button id="callendbutton4" class="hangup" value='Hangup' onClick='voipHangup()'>

Is there an easy way to do this?

Thanks for any help

Is function a javascript or Php?

Ankit
– Ankit

2011-05-09 12:42:29 +00:00
Commented May 9, 2011 at 12:42 — Ankit
– Ankit, Commented May 9, 2011 at 12:42

Adrian Schmidt · Accepted Answer · 2011-05-09 12:42:54Z

2

You can use the id "phonenumber" to fetch the text-input node, and then get the current value from it:

var number = document.getElementById('phonenumber').value;

answered May 9, 2011 at 12:42

Adrian Schmidt

1,88522 silver badges36 bronze badges

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

2 Comments

Quentin Over a year ago

HTMLElementNodes don't have a val method.

Daniel H Over a year ago

Thanks for your help Adrian, I used Garth's solution in the end but I'll keep a record of yours too

Garth · Accepted Answer · 2011-05-09 12:45:16Z

0

You can use javascript to get the text from your phonenumber input text field.

jquery: voipCall($("#phonenumber").val())

answered May 9, 2011 at 12:45

Garth

1,4562 gold badges9 silver badges9 bronze badges

Comments

X10nD · Accepted Answer · 2011-05-09 12:43:29Z

0

Call that voipCall() in the voiphangup().

answered May 9, 2011 at 12:43

X10nD

22.1k46 gold badges113 silver badges154 bronze badges

Comments

PhiLho · Accepted Answer · 2011-05-09 12:45:51Z

0

Use 'title' instead of 'tip'.
Use document.getElementById('phonenumber') to access the input field and get its value.
You can set a variable with default set by PHP if you want, getting the input field value if non empty, and use this variable in your JavaScript call.

answered May 9, 2011 at 12:45

PhiLho

41.3k6 gold badges100 silver badges136 bronze badges

Collectives™ on Stack Overflow

Passing HTML input data to Javascript call

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related