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!

Register Log in
  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Dynamic text in specific cell\s using javascript 1

Status
Not open for further replies.
perryair

perryair

IS-IT--Management
Apr 7, 2005
91
0
0
IL
Hi All,
I would like to link drop-down list to specific cell on the htm page...
for example: while make a specific selection from a drop-down list it should change the text in specific cell.

attached is example of what I need to develop but I don't know how to replace the option button by drop-down list.

Thanks..

------------------SEE EXAMPLE BELOW------------------
<HTML>
<HEAD>
<TITLE>InnerText</TITLE>
<SCRIPT>
function sexchange(sex) {
if (mainform.BAND1.checked) mainform.BAND1.checked=false;
if (mainform.BAND2.checked) mainform.BAND2.checked=false;
if (mainform.BAND3.checked) mainform.BAND3.checked=false;
switch (sex) {
case 0:
LABEL1.innerText="Boy Zone";
LABEL2.innerText="Led Zeppelin";
LABEL3.innerText="Oasis";
break;
case 1:
LABEL1.innerText="Madonna";
LABEL2.innerText="Diana Ross";
LABEL3.innerText="Spice Girls";
break;
}
}
</SCRIPT>
<FORM NAME="mainform">
<INPUT TYPE="RADIO" NAME="SEX" VALUE="M" onclick="sexchange(0);" CHECKED>Male
<INPUT TYPE="RADIO" NAME="SEX" VALUE="Y" onclick="sexchange(1);">Female
<BR>Which bands do you like?<BR>
<INPUT TYPE="CHECKBOX" NAME="BAND1">
<LABEL ID="LABEL1" FOR="BAND1">Boy Zone</LABEL>
<BR>
<INPUT TYPE="CHECKBOX" NAME="BAND2">
<LABEL ID="LABEL2" FOR="BAND2">Led Zeppelin</LABEL>
<BR>
<INPUT TYPE="CHECKBOX" NAME="BAND3">
<LABEL ID="LABEL3" FOR="BAND3">Oasis</LABEL>
<p>&nbsp;</p>
<p>


<p>&nbsp;</p>
</FORM>
</BODY>
</HTML>

-----------------------END--------------------------
 
Sort by date Sort by votes
perryair,

First, it is not a good example, if you want to follow it. It won't work in nn & ff. Even for ie, it is not a good way to do thing---that may be something personal preference in style. No wonder, ie is sometimes being blamed for doing thing the "wrong" way! You need to [1] reference explicitly the parent object (document) of the form, named mainform; [2] same for labels, in that case you can use document.getElementById("LABEL1") etc; [3] innerTEXT is proprietary to ie model, it is not cross-browser. Better use innerHTML.

Second, an equivalent select list realization can be done like this.
Code: 
<HTML>
<HEAD>
<TITLE>InnerText</TITLE>
<SCRIPT>
function sexchange(sex) {
	var osel=document.mainform.BAND;
	osel.options.length=0;
	switch (sex) {
		case 0:
		osel.options[0]=new Option("Boy Zone","Boy_Zone");
		osel.options[1]=new Option("Led Zeppelin","Led_Zappelin");
		osel.options[2]=new Option("Oasis","Oasis");
		break;
	case 1:
		osel.options[0]=new Option("Madonna","Madonna");
		osel.options[1]=new Option("Diana Ross","Diana_Ross");
		osel.options[2]=new Option("Spice Girls","Spice_Girls");
		break;
	}
}
</SCRIPT>
<FORM NAME="mainform">
<INPUT TYPE="RADIO" NAME="SEX" VALUE="M" onclick="sexchange(0);" CHECKED>Male
<INPUT TYPE="RADIO" NAME="SEX" VALUE="Y" onclick="sexchange(1);">Female
<BR>Which bands do you like?<BR>
<select id="BAND" name="BAND">
	<option value="Boy_Zone">Boy Zone</option>
	<option value="Led_Zeppelin">Led Zeppelin</option>
	<option value="Oasis">Oasis</option>
</select>
<p>&nbsp;</p>
<p>
<p>&nbsp;</p>
</FORM>
</BODY>
</HTML>
Hope this get you start.

regards - tsuji
ps: If that's homework, it won't last very long here, can assure you.
 
Upvote 0 Downvote
check this:
Code: 
<SCRIPT >
var text_desc= Array( '', 'Decsription 1', ' This is desc 2');
</SCRIPT>
<TABLE >
<TR><TD><SELECT OnChange='document.getElementById("test_desc").innerHTML=text_desc[this.value] '>
<OPTION >
<OPTION VALUE=1 >1
<OPTION VALUE=2 >2
</SELECT>

<TD ID='test_desc'>
</TABLE>

Regards,
Marcel


___
____
 
Upvote 0 Downvote
tsuji... thanks for your great code but I'll prefer
Marcel's one.

Marcel - Thank You.... however, how can I see the
("test_desc") results in several cells?
for example: if the results is> 'Decsription 1'
I should see this like that:

Decsription 1
Decsription 1
Decsription 1
Decsription 1
Decsription 1


Thanks Again... perryair
 
Upvote 0 Downvote
Hi, you have to define more CELS in a table
Code: 
<SCRIPT >
var text_desc= Array( '', 'Decsription 1', ' This is desc 2');
</SCRIPT>
<TABLE >
<TR><TD><SELECT OnChange='document.getElementById("test_desc").innerHTML=text_desc[this.value]; document.getElementById("x1").innerHTML=text_desc[this.value];
document.getElementById("x2").innerHTML=text_desc[this.value];
document.getElementById("x3").innerHTML=text_desc[this.value];
' >
<OPTION >
<OPTION VALUE=1 >1
<OPTION VALUE=2 >2
</SELECT>
<TD ID='test_desc'>
<TR><TD ID=x1 >
<TR><TD ID=x2 >
<TR><TD ID=x3 >


</TABLE>

Regards,
Marcel


___
____
 
Upvote 0 Downvote
PERFECT!!
Thanks Marcel...



Yair
 
Upvote 0 Downvote
Hey Marcel...
I need your help again since I am stuck..
The problem is that I am already using "onchange" java function on the same <SELECT and when I can't add this to the function group since this is var and I get an error message every time I try this.
======================================================
Here is the select code:

<SELECT NAME="TEST" onchange="javascript:testtypefunctions()" dir="ltr" size="1" tabindex="9" style="font-family: Arial; font-size: 10pt; color: #000000; border: 1px solid #4C7094; background-color: #FFFFCC" >
<option>Click to select.. .. ..
<OPTION value=1 >Opt1
<OPTION value=2 >Opt2
<option value=3 >Opt3
<option value=4 >Opt4
<option value=5 >Opt5
<option value=6 >Opt6
<option value=7 >Opt7
</SELECT>

=========================================

Here is the java function group:

<script>
function testtypefunctions()
{ showtesttype(); populateColors();
}
</script>

==========================================

Here is the showtesttype() function:

<script type='text/javascript'>
function showtesttype(){
if(document.forms[0].test.value=="Opt3"){
document.getElementById("otherdiv1").style.display = "block"
document.forms[0].test.focus();
}else{
document.getElementById("otherdiv1").style.display="none"
}
}
</script>

============================================
Here is the populateColors() function:


<SCRIPT LANGUAGE="JavaScript">
<!--
function populateClothes()
{
var form = document.form;
var cboSize = form.TEST.options.length;
for(j=cboSize-1;j>-1;j--)
{
form.TEST.options[j] = null;
}
for(i=0;i<CapillaryTypeArray.length;i++){
form.TEST.options= new Option(CapillaryTypeArray,CapillaryTypeArray);
}
populateColors();
}
function populateColors()
{
var form = document.form;
var cboSize = form.Material.options.length;
for(j=cboSize-1;j>-1;j--)
{
form.Material.options[j] = null;
}
var colArray = MaterialSelection[form.TEST.selectedIndex];
for(i=0;i<colArray.length;i++){
form.Material.options= new Option(colArray,colArray);
}
}


populateClothes()

//-->
</SCRIPT>
===================================================

Thanks....
 
Upvote 0 Downvote
Hi,
on Oncahange enevt you dont have to put `javascript:', it is used on < A HREF='javascript: .."
just replace
onchange="javascript:testtypefunctions()"

whith:
onchange="testtypefunctions();
other_js_function();
document.getElementById("test_desc").innerHTML=text_desc[this.value]; "

PM



___
____
 
Upvote 0 Downvote
It doesn't work man... it says:
Object doesn't support this property or method.
Any idea?

Tnx..
 
Upvote 0 Downvote
Ok... I found something, when I removed the below code
it's works just fine....

============================================
Here is the populateColors() function:


<SCRIPT LANGUAGE="JavaScript">
<!--
function populateClothes()
{
var form = document.form;
var cboSize = form.TEST.options.length;
for(j=cboSize-1;j>-1;j--)
{
form.TEST.options[j] = null;
}
for(i=0;i<CapillaryTypeArray.length;i++){
form.TEST.options= new Option(CapillaryTypeArray,CapillaryTypeArray);
}
populateColors();
}
function populateColors()
{
var form = document.form;
var cboSize = form.Material.options.length;
for(j=cboSize-1;j>-1;j--)
{
form.Material.options[j] = null;
}
var colArray = MaterialSelection[form.TEST.selectedIndex];
for(i=0;i<colArray.length;i++){
form.Material.options= new Option(colArray,colArray);
}
}


populateClothes()

//-->
</SCRIPT>
===================================================

The problem is that I already created the <SELECT by var
as below:

<script language="javascript">
var TESTArray = new Array("Click to select.. .. ..","Opt1","Opt2","Opt3","Opt4","Opt5","Opt6","Opt7");
</script>
====================================================

Any idea how to merge between them since I need it for
depended drop-down list?

Basically, I need this drop-down list to control on another
drop-down list and also for dynamic text purposes.

Thanks again..
 
Upvote 0 Downvote
Hi,
Now I got the idea about what you want.
A feew months ago I have done so

You have to use multidimensional array (each element of the array is an array).

I have create a JS class called `select_item', has 2 memebers: item_value and item_option.
that is used in a multidim array.
I hope that next code makes some sense:

[/code]
<SCRIPT >
// return the Object Type
function getObjectType(obj)
{
if ( typeof obj != 'object')
{
return typeof obj; // Not An Object

};
// if not constructor return the typeof obj
if (obj.constructor == undefined)
{
return typeof obj;
};

var str = obj.constructor.toString();
// Objects which has constructor
str = str.split('function').join('');
str = str.split('(');
str = str[0];
// trim the white spaces, ussing regexp
re = /\s/g;
new_str= str.replace(re,'');
return new_str;
}



function populate_select_with_array(select_obj, array)
{
if (select_obj == undefined ||
(select_obj.type != 'select-one' &&
select_obj.type != 'select-multiple') )
{
// no select object, return
return 1;
};
if (getObjectType(array) != 'Array')
{
// no array
return 2;
};
for(i=0; i<select_obj.length; i++)
{
select_obj[0]=null;
};
select_obj.length=0;
for (i=0; i<array.length; i++)
{
if (getObjectType(array) != 'select_item')
{
select_obj = new Option('', null);
}else
{
select_obj = new Option(array.item_string,
array.item_value);

};
};
return 0 ; // no error
}


function select_item(item_v, item_s)
{
this.item_value = item_v;
this.item_string = item_s;

}

var sub_options= new Array();
sub_options['O1'] = new Array(new select_item('V1 -1', 'O1 -1'), new select_item('V1 -2', 'O1 -2') );
sub_options['O2'] = new Array(new select_item('O2 -1', 'O2 -1'), new select_item('O2 -2', 'O2 -2') );
sub_options['O3'] = new Array(new select_item('O3 -1', 'O3 -1'), new select_item('O3 -2', 'O3 -2'), new select_item('O3 -3', 'O3 -3') );

</SCRIPT>
<form name="f">

<TABLE>
<TR><TD CLASS=ft >Select <TD><select name=client_id
OnChange=" populate_select_with_array(document.f.project_id, sub_options[this.options[this.selectedIndex].value] )" >

<option value=0>Select Client
<option value="O1">O1
<option value="O2">O2
<option value="O3">O3
</select>
<TR><TD CLASS=ft ><TD><SELECT NAME=project_id >
<OPTION VALUE=0 >__________<OPTION VALUE=0 >
<OPTION VALUE=0 >
<OPTION VALUE=0 >
</SELECT>
</TABLE>
</form>
[/code]

___
____
 
Upvote 0 Downvote
No man....
what I would like to do is just to add a dynamic text in specific cell every time I select an option from the drop-down list. the problem is that my drop-down list is already connected to depended drop-down list and I can't add another code to it (see above from today)..
what acctually I need is to determine the ID=x1 etc..
on the below code instead of the <Select> :

<script language="javascript">
var TESTArray = new Array("Click to select.. .. ..","Opt1","Opt2","Opt3","Opt4","Opt5","Opt6","Opt7");
</script>

=========================================================
do you know how to do it on this level? (var level)

Thanks for your help....
 
Upvote 0 Downvote
I'm confused again.


Pls provide the ENTIRE page: HTML + Javascript.
Eventualy some words about what you want to do.

I'm sure that there must exist a solution.

PM

___
____
 
Upvote 0 Downvote
Okay.... see attached page..
I marked in yellow the relevant areas and I would like to create a code that change the [dim1] to [dim2] when I select "ATLAS" from CAP_type drop-down list but this drop-down list has to be connected to "Material" drop-down list.

Thanks....a lot.
=====================HTML PAGE===================
<html dir="ltr">

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Yair's Project</title>
<script language="javascript" type="text/javascript">

<!-- hide script from older browsers
function validateForm(form)
{

if(""==document.forms.form.Ordered_by.value)
{
alert("Please enter your full name.");
document.forms.form.Ordered_by.focus();
return false;
}

if(""==document.forms.form.Customer.value)
{
alert("Please enter customer name.");
document.forms.form.Customer.focus();
return false;
}

if(""==document.forms.form.Customer_Country.value)
{
alert("Please enter customer country.");
document.forms.form.Customer_Country.focus();
return false;
}

if(""==document.forms.form.Requested_Amount.value)
{
alert("Please check 'Requested amount' field.");
document.forms.form.Requested_Amount.focus();
return false;
}

if(""==document.forms.form.Ship_Sample_to.value)
{
alert("Please check 'Ship sample to' field.");
document.forms.form.Ship_Sample_to.focus();
return false;
}

}
stop hiding script -->
</script>

</head>

<script type='text/javascript'>
function showother(){
if(document.forms[0].Ship_Sample_to.value=="Other"){
document.getElementById("otherdiv").style.display = "block"
document.forms[0].Ship_Sample_to.focus();
}else{
document.getElementById("otherdiv").style.display="none"
}
}
</script>


<script type='text/javascript'>
function showcaptype(){
if(document.forms[0].CAP_type.value=="SIGMA"){
document.getElementById("otherdiv1").style.display = "block"
document.forms[0].CAP_type.focus();
}else{
document.getElementById("otherdiv1").style.display="none"
}
}
</script>



<script>
function captypefunctions()
{ showcaptype(); populateColors();
}
</script>







<script language="javascript">
var CapillaryTypeArray = new Array("Click to select.. .. ..", "Opt1", "Opt2", "Opt3", "ATLAS (Material)", "Opt5", "Opt6", "Opt7");
//This color array is multi dimensional array that comprises of
//n arrays where n = number of elements in above clothes array
var MaterialSelection = new Array(new Array("Click to select.. .. ..","TA","ATLAS"),
new Array("Click to select.. .. ..","TA","ATLAS"),
new Array("Click to select.. .. ..","TA","ATLAS"),
new Array("Click to select.. .. ..","TA","ATLAS"),
new Array("ATLAS"),
new Array("Click to select.. .. ..","TA","ATLAS"),
new Array("Click to select.. .. ..","TA","ATLAS"),
new Array("Click to select.. .. ..","TA","ATLAS"))
</script>

<body>
<script language="JavaScript">
<!--

var message="Copyright © 2005 Yair's Project. All Rights Reserved.";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>
<form method="POST" action="mailto:systyrp@yahoo.com?subject=Yair's Form" enctype="text/plain"
<form name="form" onSubmit="return validateForm(form);">


<div align="left" style="font-family: Arial; font-size: 10pt; color: #084994">
<table border="0" width="791" id="table1">
<tr>
<td colspan="5"><font size="4" color="#FF0000"><b><i>Yair's
Project</i></b></font><i><b><font face="Arial" color="#FF0000" size="4">
</font></b>
<font face="Arial" color="#D6D3D6" size="4">
-</font><font face="Arial" color="#C61C18" size="4"><b> </b></font>
<b><font size="4" color="#4C7094">Form</font></b></i></td>
</tr>
<tr>
<td colspan="5">&nbsp;</td>
</tr>
<tr>
<td width="19">&nbsp;</td>
<td width="762" colspan="4">
<p align="right"><span class="redNote">
<font size="2" color="#FF0000">* required fields</font></span></td>
</tr>
<tr>
<td width="19" align="center" bgcolor="#EAEFF3">
&nbsp;</td>
<td width="762" colspan="4" bgcolor="#EAEFF3">
<p align="left">&nbsp;</td>
</tr>
<tr>
<td width="19" align="right"><font color="#FF0000">*</font></td>
<td width="150" colspan="2"><font size="2">Not Relevant</font></td>
<td width="609" colspan="2">
<input type="text" name="Ordered_by" size="18" dir="ltr" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" tabindex="1"></td>
</tr>
<tr>
<td width="19" align="right"><font color="#FF0000">*</font></td>
<td width="150" colspan="2"><font size="2">Not Relevant</font></td>
<td width="609" colspan="2">
<input type="text" name="Customer" size="18" dir="ltr" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" tabindex="2"></td>
</tr>
<tr>
<td width="19" align="right"><font color="#FF0000">*</font></td>
<td width="150" colspan="2"><font size="2">Not Relevant</font></td>
<td width="609" colspan="2">
<input type="text" name="Customer_Country" size="18" dir="ltr" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" tabindex="3"></td>
</tr>
<tr>
<td width="19" align="right"><font color="#FF0000">*</font></td>
<td width="150" colspan="2"><font size="2">Not Relevant</font></td>
<td width="609" colspan="2">
<select size="1" name="Requested_Amount" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" dir="ltr" tabindex="4">
<option selected>Click to select.. .. ..</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select></td>
</tr>
<tr>
<td width="19" align="right"><font color="#FF0000">*</font></td>
<td width="150" colspan="2"><font size="2">Not Relevant</font></td>
<td width="185">
<select size="1" name="Ship_Sample_to" id="Ship_Sample_to" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" dir="ltr" tabindex="5" onChange="showother()">
<option selected>Click to select.. .. ..</option>
<option value="Loc1">Loc1</option>
<option value="Loc2">Loc2</option>
<option value="Loc3">Loc3</option>
<option value="Loc4">Loc4</option>
<option value="Loc5">Loc5</option>
<option value="Loc6">Loc6</option>
<option value="Other">Other Location</option>
</select></td>
<td width="420">
<div id="otherdiv" style="display:none">
<input type="text" name="Other" size="30" dir="ltr" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" tabindex="6" /></div>
</tr>
<tr>
<td width="19" align="center">&nbsp;</td>
<td width="150" colspan="2"><font size="2">Not Relevant</font></td>
<td width="609" colspan="2">
<p align="left">
<input type="text" name="Attn" size="18" dir="ltr" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" tabindex="7"></td>
</tr>
<tr>
<td width="19">&nbsp;</td>
<td width="150" colspan="2">&nbsp;</td>
<td width="185">&nbsp;</td>
<td width="420">&nbsp;</td>
</tr>
<tr>
<td width="19" bgcolor="#EAEFF3">
&nbsp;</td>
<td width="762" colspan="4" bgcolor="#EAEFF3">
&nbsp;</td>
</tr>
<tr>
<td width="19" align="center">&nbsp;</td>
<td width="150" colspan="2"><font size="2">Not Relevant</font></td>
<td width="609" colspan="2">
<input type="text" name="PN" size="18" dir="ltr" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" tabindex="8"></td>
</tr>
<tr>
<td width="19" align="center">&nbsp;</td>
<td width="150" colspan="2"><font size="2">Product</font><font face="Arial" size="2"> type:</font></td>
<td width="185" bgcolor="#FFFF00">


<SELECT NAME="CAP_type"
onchange="javascript:captypefunctions()" dir="ltr" size="1" tabindex="9" style="font-family: Arial; font-size: 10pt; color: #000000; border: 1px solid #4C7094; background-color: #FFFFCC" >
</SELECT>
</td>
<td width="420">
<div id="otherdiv1" style="display:none">
<font size="2">Not Relevant</font><input type="text" name="Bonder_Type" size="30" dir="ltr" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" /></div>
</tr>
<tr>
<td width="19">
&nbsp;</td>
<td width="762" colspan="4">
&nbsp;</td>
</tr>
<tr>
<td width="19" bgcolor="#EAEFF3">
&nbsp;</td>
<td width="762" colspan="4" bgcolor="#EAEFF3">
&nbsp;</td>
</tr>
<tr>
<td width="19" align="center">&nbsp;</td>
<td width="8"><font face="Arial" size="2">H</font></td>
<td width="127" bgcolor="#FFFF00"><font face="Arial" size="2" id="x0" </td>
</font><b><font size="2" color="#FF0000">[dim1]</font></b><td width="609" colspan="2">
<!--webbot bot="Validation" b-value-required="TRUE" i-maximum-length="4" --><input name="Dimension-H_a" size="1" style="color: #000000; font-family: Arial; font-size: 10pt; background-color: #FFFFCC" dir="ltr" maxlength="4" tabindex="10" value="##.#"><!--webbot bot="Validation" s-display-name="H_3" b-value-required="TRUE" --><select size="1" name="Dimension-H_b" style="font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" dir="ltr" tabindex="11">
<option value="0">0</option>
<option value="5">5</option>
</select></td>
</tr>
<tr>
<td width="19" align="center">&nbsp;</td>
<td width="9"><font face="Arial" size="2">Tip</font></td>
<td width="127" bgcolor="#FFFF00"><b><font size="2" color="#FF0000">[dim1]</font></b><td width="609" colspan="2">
<!--webbot bot="Validation" s-data-type="Number" s-number-separators="x," b-value-required="TRUE" i-maximum-length="5" --><input type="text" name="Dimension-TIP_a" size="1" style="color: #000000; font-family: Arial; font-size: 10pt; background-color: #FFFFCC" dir="ltr" tabindex="12" maxlength="5" value="###.#"><!--webbot bot="Validation" s-display-name="H_3" b-value-required="TRUE" --><select size="1" name="Dimension-TIP_b" style="font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" dir="ltr" tabindex="13">
<option value="0">0</option>
<option value="5">5</option>
</select></td>
</tr>
<tr>
<td width="19" align="center">&nbsp;</td>
<td width="17"><font face="Arial" size="2">CD</font></td>

<td width="127" bgcolor="#FFFF00"><b><font size="2" color="#FF0000">[dim1]</font></b><td width="609" colspan="2">
<!--webbot bot="Validation" s-data-type="Number" s-number-separators="x," b-value-required="TRUE" i-maximum-length="4" --><input type="text" name="Dimension-CD_a" size="1" style="color: #000000; font-family: Arial; font-size: 10pt; background-color: #FFFFCC" dir="ltr" maxlength="4" tabindex="14" value="##.#"><!--webbot bot="Validation" s-display-name="H_3" b-value-required="TRUE" --><select size="1" name="Dimension-CD_b" style="font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" dir="ltr" tabindex="15">
<option value="0">0</option>
<option value="5">5</option>
</select></td>
</tr>
<tr>
<td width="19" align="center">&nbsp;</td>
<td width="18"><font size="2">OR</font></td>

<td width="127" bgcolor="#FFFF00"><b><font size="2" color="#FF0000">[dim1]</font></b><td width="609" colspan="2">
<!--webbot bot="Validation" s-data-type="Number" s-number-separators="x," b-value-required="TRUE" i-maximum-length="4" --><input type="text" name="Dimension-OR_a" size="1" style="color: #000000; font-family: Arial; font-size: 10pt; background-color: #FFFFCC" dir="ltr" maxlength="4" tabindex="16" value="##.#"><!--webbot bot="Validation" s-display-name="H_3" b-value-required="TRUE" --><select size="1" name="Dimension-OR_b" style="font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" dir="ltr" tabindex="17">
<option value="0">0</option>
<option value="5">5</option>
</select></td>
</tr>
<tr>
<td width="19" align="right"><font color="#084994">
<span style="background-color: #FFFF00">•</span></font></td>
<td width="150" colspan="2"><font size="2">Not Relevant</font></td>
<td width="609" colspan="2">
<select size="1" name="FA" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" dir="ltr" tabindex="18">
<option selected>Click to select.. .. ..</option>
<option value="0">0</option>
<option value="4">4</option>
<option value="6">6</option>
<option value="8">8</option>
<option value="11">11</option>
<option value="15">15</option>
</select></td>
</tr>
<tr>
<td width="19" align="right"><font color="#084994">
<span style="background-color: #FFFF00">•</span></font></td>
<td width="150" colspan="2"><font size="2">Not Relevant</font></td>
<td width="609" colspan="2">
<select size="1" name="ICA" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" dir="ltr" tabindex="19">
<option selected>Click to select.. .. ..</option>
<option value="40">40</option>
<option value="60">60</option>
<option value="90">90</option>
<option value="120">120</option>
</select></td>
</tr>
<tr>
<td width="19" align="right"><font color="#084994">
<span style="background-color: #FFFF00">•</span></font></td>
<td width="19"><font face="Arial" size="2">L</font></td>

<td width="127" bgcolor="#FFFF00"><font face="Arial" size="2" id="x4" </td>


</font><b><font size="2" color="#FF0000">[dim1]</font></b><td width="609" colspan="2">
<select size="1" name="L" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" dir="ltr" tabindex="20">
<option selected>Click to select.. .. ..</option>
<option value="0.375">0.375</option>
<option value="0.437">0.437</option>
</select></td>
</tr>
<tr>
<td width="19" align="right"><font color="#084994">
<span style="background-color: #FFFF00">•</span></font></td>
<td width="150" colspan="2"><font size="2">Not Relevant</font></td>
<td width="609" colspan="2">
<select size="1" name="CA" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" dir="ltr" tabindex="21">
<option selected>Click to select.. .. ..</option>
<option value="15">15</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="50 (Flicker)">50 (Flicker)</option>
</select></td>
</tr>
<tr>
<td width="19" align="right"><font color="#084994">
<span style="background-color: #FFFF00">•</span></font></td>
<td width="150" colspan="2"><font size="2">Not Relevant</font></td>
<td width="609" colspan="2">
<select size="1" name="Tip_Finish" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" dir="ltr" tabindex="22">
<option selected>Click to select.. .. ..</option>
<option value="Matte">M</option>
<option value="Polish">P</option>
</select></td>
</tr>
<tr>
<td width="19" align="right"><font color="#084994">
<span style="background-color: #FFFF00">•</span></font></td>
<td width="150" colspan="2"><font size="2">Not Relevant</font></td>
<td width="609" colspan="2">
<select size="1" name="Inner_Chamfer_Type" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" dir="ltr" tabindex="23">
<option selected>Click to select.. .. ..</option>
<option value="SIC">SIC</option>
<option value="DIC">DIC</option>
<option value="IR">IR</option>
</select></td>
</tr>
<tr>
<td width="19" align="right"><font color="#084994">
<span style="background-color: #FFFF00">•</span></font></td>
<td width="150" colspan="2"><font size="2">Not Relevant</font></td>
<td width="609" colspan="2">
<select size="1" name="BTNK_A" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" dir="ltr" tabindex="24">
<option selected>Click to select.. .. ..</option>
<option value="10">10</option>
</select></td>
</tr>
<tr>
<td width="19" align="right"><font color="#084994">
<span style="background-color: #FFFF00">•</span></font></td>
<td width="150" colspan="2"><font size="2">Not Relevant</font></td>
<td width="609" colspan="2">
<input type="text" name="BTNK_H" size="18" dir="ltr" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" tabindex="25"></td>
</tr>
<tr>
<td width="19" align="center">&nbsp;</td>
<td width="150" colspan="2"><font size="2">Not Relevant</font></td>
<td width="185" bgcolor="#FFFF00">
<SELECT NAME="Material" size="1" tabindex="26" style="font-family: Arial; font-size: 10pt; color: #000000; border: 1px solid #4C7094; background-color: #FFFFCC"></SELECT></td>

<td width="420">
&nbsp;</td>

</tr>
<tr>
<td width="19" align="center">&nbsp;</td>
<td width="150" colspan="2"><font size="2">Not Relevant</font></td>
<td width="185">
<input type="radio" value="Yes" name="Capillary_TBR" tabindex="27"><font size="2">Yes&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</font>
<input type="radio" value="No" name="Capillary_TBR" tabindex="28"><font size="2">No</font></td>
<td width="420">
&nbsp;</td>
</tr>
<tr>
<td width="19" align="center">&nbsp;</td>
<td width="150" colspan="2"><font size="2">Not Relevant</font></td>
<td width="185" rowspan="2">
<textarea rows="2" name="Remarks" cols="20" dir="ltr" style="border: 1px solid #4C7094; font-family:Arial; font-size:10pt" tabindex="29"></textarea><font size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</font></td>
<td width="420" rowspan="2">
&nbsp;</td>
</tr>
<tr>
<td width="19" align="center">&nbsp;</td>
<td width="150" colspan="2">&nbsp;</td>
</tr>
<tr>
<td width="19">
&nbsp;</td>
<td width="762" colspan="4">
&nbsp;</td>
</tr>
<tr>
<td width="19">
&nbsp;</td>
<td width="762" colspan="4">
&nbsp;</td>
</tr>
<tr>
<td width="19">
&nbsp;</td>
<td width="762" colspan="4">
&nbsp;</td>
</tr>
<tr>
<td width="785" colspan="5">
<p align="center"><font size="1">
<input type="reset" value="Reset" style="font-family: Arial; color: #3D648A; font-weight: bold; border: 1px solid #4C7094; background-color: #D3E4F3" tabindex="31"></font>&nbsp;
<input type="submit" value="Submit" style="color: #4C7094; font-family: Arial; font-size: 10pt; font-weight: bold; border: 1px solid #4C7094; background-color: #D3E4F3" tabindex="30">&nbsp;
<input type="button" value="Print" style="color: #4C7094; font-family: Arial; font-size: 10pt; font-weight: bold; border: 1px solid #4C7094; background-color: #D3E4F3" tabindex="32" onClick="window.print()"></td>
</tr>
<tr>
<td width="19">
&nbsp;</td>
<td width="762" colspan="4">
&nbsp;</td>
</tr>
<tr>
<td width="785" colspan="5" bgcolor="#CCD6E0">
<p align="center">&nbsp;</td>
</tr>
<tr>
<td width="19">
<p align="left">&nbsp;</td>
<td width="762" colspan="4">
<p align="left">&nbsp;</td>
</tr>
</table>
</div>
</form>
<p align="left">&nbsp;</p>

</body>



<SCRIPT LANGUAGE="JavaScript">
<!--
function populateClothes()
{
var form = document.form;
var cboSize = form.CAP_type.options.length;
for(j=cboSize-1;j>-1;j--)
{
form.CAP_type.options[j] = null;
}
for(i=0;i<CapillaryTypeArray.length;i++){
form.CAP_type.options= new Option(CapillaryTypeArray,CapillaryTypeArray);
}
populateColors();
}
function populateColors()
{
var form = document.form;
var cboSize = form.Material.options.length;
for(j=cboSize-1;j>-1;j--)
{
form.Material.options[j] = null;
}
var colArray = MaterialSelection[form.CAP_type.selectedIndex];
for(i=0;i<colArray.length;i++){
form.Material.options= new Option(colArray,colArray);
}
}


populateClothes()

//-->
</SCRIPT>

</html>

======================================================
 
Upvote 0 Downvote
check

I have created 2 arrays:
cd_desc_array, and tip_desc_array

also I have assigned ID=tip_des , ID=cd_des on two TDs.

And I have change the name of the form from `form' => `formx'
I guess that this was your problem, the name `form' for that form.

It is not a good habit to set the names of the variables with words that could be reserverd (I'm talking about `form' ).


Regards



Code: 
<html dir="ltr">

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Yair's Project</title>
<script language="javascript" type="text/javascript">

<!-- hide script from older browsers
function validateForm(form)
{

if(""==document.forms.form.Ordered_by.value)
{
alert("Please enter your full name.");
document.forms.form.Ordered_by.focus();
return false;
}

if(""==document.forms.form.Customer.value)
{
alert("Please enter customer name.");
document.forms.form.Customer.focus();
return false;
}

if(""==document.forms.form.Customer_Country.value)
{
alert("Please enter customer country.");
document.forms.form.Customer_Country.focus();
return false;
}

if(""==document.forms.form.Requested_Amount.value)
{
alert("Please check 'Requested amount' field.");
document.forms.form.Requested_Amount.focus();
return false;
}

if(""==document.forms.form.Ship_Sample_to.value)
{
alert("Please check 'Ship sample to' field.");
document.forms.form.Ship_Sample_to.focus();
return false;
}

}
 stop hiding script -->
</script>

</head>

<script type='text/javascript'>
function showother(){
   if(document.forms[0].Ship_Sample_to.value=="Other"){
      document.getElementById("otherdiv").style.display = "block"
      document.forms[0].Ship_Sample_to.focus();
   }else{
      document.getElementById("otherdiv").style.display="none"
   }
}
</script>


<script type='text/javascript'>
function showcaptype(){
   if(document.forms[0].CAP_type.value=="SIGMA"){
      document.getElementById("otherdiv1").style.display = "block"
      document.forms[0].CAP_type.focus();
   }else{
      document.getElementById("otherdiv1").style.display="none"
   }
}
</script>



<script>
  function captypefunctions()
  { showcaptype(); populateColors();
 }
</script>



    
    
    

<script language="javascript">
var CapillaryTypeArray = new Array("Click to select.. .. ..", "Opt1", "Opt2", "Opt3", "ATLAS (Material)", "Opt5", "Opt6", "Opt7");
//This color array is multi dimensional array that comprises of
//n arrays where n = number of elements in above clothes array
var MaterialSelection = new Array(new Array("Click to select.. .. ..","TA","ATLAS"),
            new Array("Click to select.. .. ..","TA","ATLAS"),
            new Array("Click to select.. .. ..","TA","ATLAS"),
            new Array("Click to select.. .. ..","TA","ATLAS"),
            new Array("ATLAS"),
            new Array("Click to select.. .. ..","TA","ATLAS"),
            new Array("Click to select.. .. ..","TA","ATLAS"),
            new Array("Click to select.. .. ..","TA","ATLAS"))
var tip_desc_array = new Array();
var cd_desc_array = new Array();
tip_desc_array["ATLAS (Material)"] = 'TIP ATLAS';
cd_desc_array["ATLAS (Material)"] = 'CD ATLAS';
</script>

<body>
<script language="JavaScript">
<!--

var message="Copyright © 2005 Yair's Project. All Rights Reserved.";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>
<form method="POST" action="mailto:systyrp@yahoo.com?subject=Yair's Form" enctype="text/plain"
name="formx" onSubmit="return validateForm(form);">


    <div align="left" style="font-family: Arial; font-size: 10pt; color: #084994">
        <table border="0" width="791" id="table1">
            <tr>
                <td colspan="5"><font size="4" color="#FF0000"><b><i>Yair's
                Project</i></b></font><i><b><font face="Arial" color="#FF0000" size="4">
                </font></b>
                <font face="Arial" color="#D6D3D6" size="4">
                -</font><font face="Arial" color="#C61C18" size="4"><b> </b></font>
                <b><font size="4" color="#4C7094">Form</font></b></i></td>
            </tr>
            <tr>
                <td colspan="5">&nbsp;</td>
            </tr>
            <tr>
                <td width="19">&nbsp;</td>
                <td width="762" colspan="4">
                <p align="right"><span class="redNote">
                <font size="2" color="#FF0000">* required fields</font></span></td>
            </tr>
            <tr>
                <td width="19" align="center" bgcolor="#EAEFF3">
                &nbsp;</td>
                <td width="762" colspan="4" bgcolor="#EAEFF3">
                <p align="left">&nbsp;</td>
            </tr>
            <tr>
                <td width="19" align="right"><font color="#FF0000">*</font></td>
                <td width="150" colspan="2"><font size="2">Not Relevant</font></td>
                <td width="609" colspan="2">
                <input type="text" name="Ordered_by" size="18" dir="ltr" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" tabindex="1"></td>
            </tr>
            <tr>
                <td width="19" align="right"><font color="#FF0000">*</font></td>
                <td width="150" colspan="2"><font size="2">Not Relevant</font></td>
                <td width="609" colspan="2">
                <input type="text" name="Customer" size="18" dir="ltr" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" tabindex="2"></td>
            </tr>
            <tr>
                <td width="19" align="right"><font color="#FF0000">*</font></td>
                <td width="150" colspan="2"><font size="2">Not Relevant</font></td>
                <td width="609" colspan="2">
                <input type="text" name="Customer_Country" size="18" dir="ltr" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" tabindex="3"></td>
            </tr>
            <tr>
                <td width="19" align="right"><font color="#FF0000">*</font></td>
                <td width="150" colspan="2"><font size="2">Not Relevant</font></td>
                <td width="609" colspan="2">
                <select size="1" name="Requested_Amount" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" dir="ltr" tabindex="4">
                <option selected>Click to select.. .. ..</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
                <option value="9">9</option>
                <option value="10">10</option>
                </select></td>
            </tr>
            <tr>
                <td width="19" align="right"><font color="#FF0000">*</font></td>
                <td width="150" colspan="2"><font size="2">Not Relevant</font></td>
                <td width="185">
                <select size="1" name="Ship_Sample_to" id="Ship_Sample_to" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" dir="ltr" tabindex="5" onChange="showother()">
                <option selected>Click to select.. .. ..</option>
                <option value="Loc1">Loc1</option>
                <option value="Loc2">Loc2</option>
                <option value="Loc3">Loc3</option>
                <option value="Loc4">Loc4</option>
                <option value="Loc5">Loc5</option>
                <option value="Loc6">Loc6</option>
                <option value="Other">Other Location</option>
                </select></td>
                <td width="420">
                <div id="otherdiv" style="display:none">
                    <input type="text" name="Other" size="30" dir="ltr" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" tabindex="6" /></div>
            </tr>
            <tr>
                <td width="19" align="center">&nbsp;</td>
                <td width="150" colspan="2"><font size="2">Not Relevant</font></td>
                <td width="609" colspan="2">
                <p align="left">
                <input type="text" name="Attn" size="18" dir="ltr" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" tabindex="7"></td>
            </tr>
            <tr>
                <td width="19">&nbsp;</td>
                <td width="150" colspan="2">&nbsp;</td>
                <td width="185">&nbsp;</td>
                <td width="420">&nbsp;</td>
            </tr>
            <tr>
                <td width="19" bgcolor="#EAEFF3">
                &nbsp;</td>
                <td width="762" colspan="4" bgcolor="#EAEFF3">
                &nbsp;</td>
            </tr>
            <tr>
                <td width="19" align="center">&nbsp;</td>
                <td width="150" colspan="2"><font size="2">Not Relevant</font></td>
                <td width="609" colspan="2">
                <input type="text" name="PN" size="18" dir="ltr" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" tabindex="8"></td>
            </tr>
            <tr>
                <td width="19" align="center">&nbsp;</td>
                <td width="150" colspan="2"><font size="2">Product</font><font face="Arial" size="2"> type:</font></td>
                <td width="185" bgcolor="#FFFF00">
                
                
                <SELECT NAME="CAP_type"
                    onchange="javascript:captypefunctions(); 
                        document.getElementById('cd_desc').innerHTML=cd_desc_array[this.options[this.selectedIndex].value] ;
                        document.getElementById('tip_desc').innerHTML=tip_desc_array[this.options[this.selectedIndex].value] ;" dir="ltr" size="1" tabindex="9" style="font-family: Arial; font-size: 10pt; color: #000000; border: 1px solid #4C7094; background-color: #FFFFCC" >
                </SELECT>
                </td>
                <td width="420">
                <div id="otherdiv1" style="display:none">    
                    <font size="2">Not Relevant</font><input type="text" name="Bonder_Type" size="30" dir="ltr" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" /></div>
            </tr>
            <tr>
                <td width="19">
                &nbsp;</td>
                <td width="762" colspan="4">
                &nbsp;</td>
            </tr>
            <tr>
                <td width="19" bgcolor="#EAEFF3">
                &nbsp;</td>
                <td width="762" colspan="4" bgcolor="#EAEFF3">
                &nbsp;</td>
            </tr>
            <tr>
                <td width="19" align="center">&nbsp;</td>
                <td width="8"><font face="Arial" size="2">H</font></td>
                <td width="127" bgcolor="#FFFF00"><font face="Arial" size="2" id="x0" </td>
                </font><b><font size="2" color="#FF0000">[dim1]</font></b><td width="609" colspan="2">
                <!--webbot bot="Validation" b-value-required="TRUE" i-maximum-length="4" --><input name="Dimension-H_a" size="1" style="color: #000000; font-family: Arial; font-size: 10pt; background-color: #FFFFCC" dir="ltr" maxlength="4" tabindex="10" value="##.#"><!--webbot bot="Validation" s-display-name="H_3" b-value-required="TRUE" --><select size="1" name="Dimension-H_b" style="font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" dir="ltr" tabindex="11">
                <option value="0">0</option>
                <option value="5">5</option>
                </select></td>
            </tr>
            <tr>
                <td width="19" align="center">&nbsp;</td>
                <td width="9"><font face="Arial" size="2">Tip</font></td>
                <td width="127" bgcolor="#FFFF00" ID=tip_desc ><b><font size="2" color="#FF0000">[dim1]</font></b><td width="609" colspan="2">
                <!--webbot bot="Validation" s-data-type="Number" s-number-separators="x," b-value-required="TRUE" i-maximum-length="5" --><input type="text" name="Dimension-TIP_a" size="1" style="color: #000000; font-family: Arial; font-size: 10pt; background-color: #FFFFCC" dir="ltr" tabindex="12" maxlength="5" value="###.#"><!--webbot bot="Validation" s-display-name="H_3" b-value-required="TRUE" --><select size="1" name="Dimension-TIP_b" style="font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" dir="ltr" tabindex="13">
                <option value="0">0</option>
                <option value="5">5</option>
                </select></td>
            </tr>
            <tr>
                <td width="19" align="center">&nbsp;</td>
                <td width="17"><font face="Arial" size="2">CD</font></td>
                
                <td width="127" bgcolor="#FFFF00" ID=cd_desc ><b><font size="2" color="#FF0000">[dim1]</font></b><td width="609" colspan="2">
                <!--webbot bot="Validation" s-data-type="Number" s-number-separators="x," b-value-required="TRUE" i-maximum-length="4" --><input type="text" name="Dimension-CD_a" size="1" style="color: #000000; font-family: Arial; font-size: 10pt; background-color: #FFFFCC" dir="ltr" maxlength="4" tabindex="14" value="##.#"><!--webbot bot="Validation" s-display-name="H_3" b-value-required="TRUE" --><select size="1" name="Dimension-CD_b" style="font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" dir="ltr" tabindex="15">
                <option value="0">0</option>
                <option value="5">5</option>
                </select></td>
            </tr>
            <tr>
                <td width="19" align="center">&nbsp;</td>
                <td width="18"><font size="2">OR</font></td>
                
                <td width="127" bgcolor="#FFFF00"><b><font size="2" color="#FF0000">[dim1]</font></b><td width="609" colspan="2">
                <!--webbot bot="Validation" s-data-type="Number" s-number-separators="x," b-value-required="TRUE" i-maximum-length="4" --><input type="text" name="Dimension-OR_a" size="1" style="color: #000000; font-family: Arial; font-size: 10pt; background-color: #FFFFCC" dir="ltr" maxlength="4" tabindex="16" value="##.#"><!--webbot bot="Validation" s-display-name="H_3" b-value-required="TRUE" --><select size="1" name="Dimension-OR_b" style="font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" dir="ltr" tabindex="17">
                <option value="0">0</option>
                <option value="5">5</option>
                </select></td>
            </tr>
            <tr>
                <td width="19" align="right"><font color="#084994">
                <span style="background-color: #FFFF00">•</span></font></td>
                <td width="150" colspan="2"><font size="2">Not Relevant</font></td>
                <td width="609" colspan="2">
                <select size="1" name="FA" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" dir="ltr" tabindex="18">
                <option selected>Click to select.. .. ..</option>
                <option value="0">0</option>
                <option value="4">4</option>
                <option value="6">6</option>
                <option value="8">8</option>
                <option value="11">11</option>
                <option value="15">15</option>
                </select></td>
            </tr>
            <tr>
                <td width="19" align="right"><font color="#084994">
                <span style="background-color: #FFFF00">•</span></font></td>
                <td width="150" colspan="2"><font size="2">Not Relevant</font></td>
                <td width="609" colspan="2">
                <select size="1" name="ICA" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" dir="ltr" tabindex="19">
                <option selected>Click to select.. .. ..</option>
                <option value="40">40</option>
                <option value="60">60</option>
                <option value="90">90</option>
                <option value="120">120</option>
                </select></td>
            </tr>
            <tr>
                <td width="19" align="right"><font color="#084994">
                <span style="background-color: #FFFF00">•</span></font></td>
                <td width="19"><font face="Arial" size="2">L</font></td>
                
                <td width="127" bgcolor="#FFFF00"><font face="Arial" size="2" id="x4" </td>

                
                </font><b><font size="2" color="#FF0000">[dim1]</font></b><td width="609" colspan="2">
                <select size="1" name="L" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" dir="ltr" tabindex="20">
                <option selected>Click to select.. .. ..</option>
                <option value="0.375">0.375</option>
                <option value="0.437">0.437</option>
                </select></td>
            </tr>
            <tr>
                <td width="19" align="right"><font color="#084994">
                <span style="background-color: #FFFF00">•</span></font></td>
                <td width="150" colspan="2"><font size="2">Not Relevant</font></td>
                <td width="609" colspan="2">
                <select size="1" name="CA" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" dir="ltr" tabindex="21">
                <option selected>Click to select.. .. ..</option>
                <option value="15">15</option>
                <option value="20">20</option>
                <option value="30">30</option>
                <option value="50 (Flicker)">50 (Flicker)</option>
                </select></td>
            </tr>
            <tr>
                <td width="19" align="right"><font color="#084994">
                <span style="background-color: #FFFF00">•</span></font></td>
                <td width="150" colspan="2"><font size="2">Not Relevant</font></td>
                <td width="609" colspan="2">
                <select size="1" name="Tip_Finish" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" dir="ltr" tabindex="22">
                <option selected>Click to select.. .. ..</option>
                <option value="Matte">M</option>
                <option value="Polish">P</option>
                </select></td>
            </tr>
            <tr>
                <td width="19" align="right"><font color="#084994">
                <span style="background-color: #FFFF00">•</span></font></td>
                <td width="150" colspan="2"><font size="2">Not Relevant</font></td>
                <td width="609" colspan="2">
                <select size="1" name="Inner_Chamfer_Type" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" dir="ltr" tabindex="23">
                <option selected>Click to select.. .. ..</option>
                <option value="SIC">SIC</option>
                <option value="DIC">DIC</option>
                <option value="IR">IR</option>
                </select></td>
            </tr>
            <tr>
                <td width="19" align="right"><font color="#084994">
                <span style="background-color: #FFFF00">•</span></font></td>
                <td width="150" colspan="2"><font size="2">Not Relevant</font></td>
                <td width="609" colspan="2">
                <select size="1" name="BTNK_A" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" dir="ltr" tabindex="24">
                <option selected>Click to select.. .. ..</option>
                <option value="10">10</option>
                </select></td>
            </tr>
            <tr>
                <td width="19" align="right"><font color="#084994">
                <span style="background-color: #FFFF00">•</span></font></td>
                <td width="150" colspan="2"><font size="2">Not Relevant</font></td>
                <td width="609" colspan="2">
                <input type="text" name="BTNK_H" size="18" dir="ltr" style="border:1px solid #4C7094; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFCC" tabindex="25"></td>
            </tr>
            <tr>
                <td width="19" align="center">&nbsp;</td>
                <td width="150" colspan="2"><font size="2">Not Relevant</font></td>
                <td width="185" bgcolor="#FFFF00">
                <SELECT NAME="Material" size="1" tabindex="26" style="font-family: Arial; font-size: 10pt; color: #000000; border: 1px solid #4C7094; background-color: #FFFFCC"></SELECT></td>
                
                <td width="420">
                &nbsp;</td>
                
            </tr>
            <tr>
                <td width="19" align="center">&nbsp;</td>
                <td width="150" colspan="2"><font size="2">Not Relevant</font></td>
                <td width="185">
                <input type="radio" value="Yes" name="Capillary_TBR" tabindex="27"><font size="2">Yes&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                </font>
                <input type="radio" value="No" name="Capillary_TBR" tabindex="28"><font size="2">No</font></td>
                <td width="420">
                &nbsp;</td>
            </tr>
            <tr>
                <td width="19" align="center">&nbsp;</td>
                <td width="150" colspan="2"><font size="2">Not Relevant</font></td>
                <td width="185" rowspan="2">
                <textarea rows="2" name="Remarks" cols="20" dir="ltr" style="border: 1px solid #4C7094; font-family:Arial; font-size:10pt" tabindex="29"></textarea><font size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                </font></td>
                <td width="420" rowspan="2">
                &nbsp;</td>
            </tr>
            <tr>
                <td width="19" align="center">&nbsp;</td>
                <td width="150" colspan="2">&nbsp;</td>
                </tr>
            <tr>
                <td width="19">
                &nbsp;</td>
                <td width="762" colspan="4">
                &nbsp;</td>
            </tr>
            <tr>
                <td width="19">
                &nbsp;</td>
                <td width="762" colspan="4">
                &nbsp;</td>
            </tr>
            <tr>
                <td width="19">
                &nbsp;</td>
                <td width="762" colspan="4">
                &nbsp;</td>
            </tr>
            <tr>
                <td width="785" colspan="5">
                <p align="center"><font size="1">
                <input type="reset" value="Reset" style="font-family: Arial; color: #3D648A; font-weight: bold; border: 1px solid #4C7094; background-color: #D3E4F3" tabindex="31"></font>&nbsp;
                <input type="submit" value="Submit" style="color: #4C7094; font-family: Arial; font-size: 10pt; font-weight: bold; border: 1px solid #4C7094; background-color: #D3E4F3" tabindex="30">&nbsp;
                <input type="button" value="Print" style="color: #4C7094; font-family: Arial; font-size: 10pt; font-weight: bold; border: 1px solid #4C7094; background-color: #D3E4F3" tabindex="32" onClick="window.print()"></td>
            </tr>
            <tr>
                <td width="19">
                &nbsp;</td>
                <td width="762" colspan="4">
                &nbsp;</td>
            </tr>
            <tr>
                <td width="785" colspan="5" bgcolor="#CCD6E0">
                <p align="center">&nbsp;</td>
                </tr>
            <tr>
                <td width="19">
                <p align="left">&nbsp;</td>
                <td width="762" colspan="4">
                <p align="left">&nbsp;</td>
            </tr>
        </table>
    </div>
</form>
<p align="left">&nbsp;</p>

</body>



<SCRIPT LANGUAGE="JavaScript">
<!--
function populateClothes()
{
   var form = document.formx;
   var cboSize = form.CAP_type.options.length;
   for(j=cboSize-1;j>-1;j--)
   {
      form.CAP_type.options[j] = null;
   }
   for(i=0;i<CapillaryTypeArray.length;i++){
      form.CAP_type.options[i]= new Option(CapillaryTypeArray[i],CapillaryTypeArray[i]);
   }
   populateColors();
}
function populateColors()
{
   var form = document.formx;
   var cboSize = form.Material.options.length;
   for(j=cboSize-1;j>-1;j--)
   {
      form.Material.options[j] = null;
   }
   var colArray = MaterialSelection[form.CAP_type.selectedIndex];
   for(i=0;i<colArray.length;i++){
      form.Material.options[i]= new Option(colArray[i],colArray[i]);
   }
}


populateClothes()

//-->
</SCRIPT>

</html>

___
____
 
Upvote 0 Downvote
COOOOOOOL Man.....
But, when I change one of the options back except "ATLAS"
I get 'undefined'... how can I change it to default text which is [dim1]?

Man... I am sorry I bother you so much...
Thank you so much!!!

Yair
 
Upvote 0 Downvote
Okay.... I gotcha!! I just need to switch them..
BIG THANKS FOR YOUR HELP !!!
And... I'll talk to you soon on another thread :))
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

lexer
  • Locked
  • Question
Passing fields from (html-JavaScript) table to JavaScript Function
Replies
0
Views
251
lexer
lexer
Mike Lewis
  • Question
Anyone here got any experience of Grid.JS (a sortable Javascript grid) 1
Replies
5
Views
615
Mike Lewis
Mike Lewis
JScannell
  • Locked
  • Question
Javascript events
Replies
1
Views
141
Daniel K
Daniel K
coldbohemia
  • Locked
  • Question
jquery function always returns contents of the same table cell, no matter which table cell i click
Replies
0
Views
221
coldbohemia
coldbohemia
JScannell
  • Locked
  • Question
Javascript issue on iPhone/iMac platforms
Replies
0
Views
228
JScannell
JScannell

Part and Inventory Search

Sponsor

Back
Top