how to pass input(type = text ) from a html form to javascript function

Question

i want to pass the udid taken from textfield to function getusername.

<tr>
     <td> Enter Udid : </td>
     <td> <input name="udid" id="udid" type="text" value="{{udid}}" size="50"></td>
</tr>

<td> 
     <input type="button" value="Get User Name(udid)" onclick="getUserName(udid);"> 
</td>

I am not really a pro in javascript, but i think you should pass id of the element, since u are initializing id=udid. — Shafi
– Shafi, Commented Sep 13, 2012 at 7:31

codebox · Accepted Answer · 2012-09-13 07:29:08Z

3

This should work:

onclick="getUserName(document.getElementById('udid').value);"

answered Sep 13, 2012 at 7:29

codebox

20.3k10 gold badges70 silver badges81 bronze badges

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

Comments

Alessandro Minoccheri · Accepted Answer · 2012-09-13 07:45:50Z

1

Try this code:

In your html:

<input type="button" value="Get User Name(udid)" onclick="getUserName(document.getElementById('udid'));">

Function javascript:

function getUserName(id){
    alert(id.value);
}

Look at this demo: JSFIDDLE

edited Sep 13, 2012 at 7:45

answered Sep 13, 2012 at 7:33

Alessandro Minoccheri

36.1k22 gold badges128 silver badges176 bronze badges

Collectives™ on Stack Overflow

how to pass input(type = text ) from a html form to javascript function

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related