JS - Specific value dynamically placed in readonly form field - JavaScript and AJAX forum at WebmasterWorld

I'm brand new to javascript writing and I'm attempting to create a form in which a readonly text field has a specific value dynamically inserted into it depending on the selection in a dropdown menu. If I wasn't able to clearly describe it, I think you'll be able to figure out what I'm attempting to do by looking at my code below.


<HTML>
<HEAD>
<TITLE>Title</TITLE><script language="javascript" type="text/javascript">
function update() 
{
f1=document.form.condition.value;
if(f1 == "condition1")
  document.form.result.value='Result 1';
if(f1 == "condition2")
  document.form.result.value='Result 2';
if(f1 == "condition3")
  document.form.result.value='Result 3';
}
</script>
</HEAD>
<body>
<form name="form" action="handler.asp" method="post">
<select name="condition" size="1" onChange="update()">
  <option selected disabled>------</option>
  <option value="condition1">First Condition</option>
  <option value="condition2">Second Condition</option>
  <option value="condition3">Third Condition</option>
</select>
<input type="text" size="20" name="result" readonly value="-----">
</form></body>
</HTML>

JS - Specific value dynamically placed in readonly form field

New to javascript, this is probably a simple task.

dolphinsdock

gph

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week