<!DOCTYPE html>
<html>
<head>
</head>
<body>
<form>
Choose a name:
<select id="names" onchange="GetTheName()">
<option value="Dan">Dan</option>
<option value="Din">Din</option>
<option value="Don">Don</option>
</select>
</form>
<script>
function GetTheName()
{
document.getElementById('p-id').innerHTML = document.forms[0].names.value;
}
/*
run:
Din
*/
</script>
<p id="p-id"></p>
</body>
</html>