Try this Code :
I did not have any Hindi fonts, so I used the more common fonts.
To include Hindi fonts, just change the value in <option value="fontName">fontName</option> to whatever font you want.
<html>
<head>
<title>Language Selection</title>
</head>
<body bgcolor="#FFFFFF">
<script language="JavaScript">
function changeFont()
{
var font=document.form1.select1.options[document.form1.select1.selectedIndex].value;
document.form1.name.style.fontFamily=font;
document.getElementById('fontSpace').innerHTML='You selected : ' + '<font face="' + font + '"><b>' + font + '</b></font>';
}
</script>
<div id="fontSpace" style="font-family:verdana,arial,helvetica; font-size:10pt"></div>
<form name="form1">
<table style="background:#EFEFF5; border:#000000 solid 1px">
<tr>
<td>
<font face="verdana" size="2" color="#0000FF">Font Family</font>
</td>
<td>
<select name="select1" onChange="changeFont()">
<option>Select the Option</option>
<option value="Comic Sans MS">Comic Sans MS</option>
<option value="Times New Roman">Times New Roman</option>
<option value="Arial">Arial</option>
<option value="Verdana">Verdana</option>
</select>
</td>
</tr>
<tr>
<td>
<font face="verdana" size="2" color="#0000FF">Name</font>
</td>
<td>
<input type="text" name="name" style="font-weight:bold">
</td>
</tr>
</table>
</form1>
</body>
</html>
:thumbsup: