Assign a value after item is selected

Awuah · Dec 4, 2002

I would appreciate some help with a select box.

I have a form that marks certain fields with an asterix to indicate they are required fields.
I would like the asterixes(if there is such a word

) to be shown or hidden based on the selected item from the select box without submitting the form.

Regards,

onpnt · Dec 4, 2002

this is pretty sloppy but give it a try

<html>
<script language="javascript">
var astTwo
function unHideL(){
if (frm.Fname.value == "&quot

{
frm.Lname.focus(); } else {
astTwo = !astTwo;
document.all.item("second", 0).style.visibility = astTwo ? "" : "visible";
}
}
</script>
<body>
<form name="frm">
<table>
<tr>
<td colspan="3" align="center"> All fields with a * appearing beside them must be filled in </td>
</tr>
<tr>
<td align="right">First Name</td>
<td colspan="2" align="right"><input type="text" name="Fname" onBlur="unHideL()"></td>
</tr>
<tr>
<td align="right">Last Name</td>
<td width="5"><div id="second" style="visibility:hidden;"><font color="red">*</font></div></td>
<td align="right"><input type="text" name="Lname"></td>
</tr>
</table>
</form>

ahh.. I'm not going to do everything for you. you still need to determine if the second value is filled in.

that one should be pretty simple. check for "" I dare to learn more

http://www.onpntwebdesigns.com

admin@onpntwebdesigns.com

Tarwn · Dec 4, 2002

You can do this client-side with javascript, here is an example:

Code:

<html>
<head>
<SCRIPT LANGUAGE=&quot;JavaScript&quot;>
<!--
function asteriskMe(elem){
	//count the number of elements named asterisk
	var spans = document.getElementsByTagName(&quot;span&quot;);
	var count = spans.length;

	//loop through them to hide the asterisks
	for(var i = 0;i < count;i++){
		if(spans[i].id.substring(0,8)=='asterisk')
			spans[i].style.display = &quot;none&quot;;
	}

	//select a set of asterisks based on the value of the selected option
	switch(elem.options[elem.selectedIndex].value){
		case &quot;blue&quot;:
			document.getElementById(&quot;asterisk1&quot;).style.display=&quot;inline&quot;;
			document.getElementById(&quot;asterisk4&quot;).style.display=&quot;inline&quot;;
			break;
		case &quot;green&quot;:
			document.getElementById(&quot;asterisk2&quot;).style.display=&quot;inline&quot;;
			document.getElementById(&quot;asterisk4&quot;).style.display=&quot;inline&quot;;
			break;
		case &quot;red&quot;:
			document.getElementById(&quot;asterisk3&quot;).style.display=&quot;inline&quot;;
			break;
		default: //do nothing, the field selected has no options.
	}
}
//-->
</SCRIPT>
<style>
	.asterisk{
		color:red;
		display:none;
	}
</style>
</head>
<body>
<select onChange=&quot;asteriskMe(this);&quot;>
	<option value=&quot;&quot;> [Select Color] </option>
	<option value=&quot;blue&quot;> Blue </option>
	<option value=&quot;green&quot;> Green </option>
	<option value=&quot;red&quot;> Red </option>
</select><br>
<span id=&quot;asterisk1&quot; class=&quot;asterisk&quot;>*</span>Why Do you like blue? <input type=&quot;text&quot; name=&quot;txtBlue&quot; value=&quot;&quot;><br>
<span id=&quot;asterisk2&quot; class=&quot;asterisk&quot;>*</span>Why Do you like Green? <input type=&quot;text&quot; name=&quot;txtGreen&quot; value=&quot;&quot;><br>
<span id=&quot;asterisk3&quot; class=&quot;asterisk&quot;>*</span>Why Do you like red? <input type=&quot;text&quot; name=&quot;txtRed&quot; value=&quot;&quot;><br>
<span id=&quot;asterisk4&quot; class=&quot;asterisk&quot;>*</span>Do you have something against red? <input type=&quot;text&quot; name=&quot;txtNotRed&quot;><br>
</body>
</html>

Hope this was understandable
-Tarwn --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---

http://www.tuxedo.org/~esr/faqs/smart-questions.html

onpnt · Dec 4, 2002

selected item from the select box
I have to start reading the questions slower. I dare to learn more

http://www.onpntwebdesigns.com

admin@onpntwebdesigns.com

Tarwn · Dec 5, 2002

Yep, answer slower to so I'll look better (little wisps of smoke coming off his fingers annd all...)

-Tarwn --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---

http://www.tuxedo.org/~esr/faqs/smart-questions.html

Awuah · Dec 5, 2002

Thanks a lot all. I will try your suggestions.

Regards,

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Assign a value after item is selected

Awuah

Programmer

onpnt

Programmer

Tarwn

Programmer

onpnt

Programmer

Tarwn

Programmer

Awuah

Programmer

Similar threads

Part and Inventory Search

Sponsor