javascript - input（type = text）をhtmlフォームからjavascript関数に渡す方法

Question

テキストフィールドから取得したudidを関数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>

Answer 1

これは機能するはずです：

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

Answer 2

このコードを試してください：

あなたのhtmlで：

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

関数javascript：

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

このデモを見てください：JSFIDDLE