sampathreddyv2000
October 7th, 2004, 07:48 AM
<html>
<head>
<title>
</title>
<script language="javascript">
function getPropValues()
{
var docclassname = search.docclass.options.value;
search.indexName.value = docclassname;
document.search.submit();
}
function changeLabel( buttonName )
{
var label = buttonName.value;
if(label == " ")
{
buttonName.value = " AND ";
}else if(label == " AND ")
{
buttonName.value = " OR ";
}else
{
buttonName.value = " ";
}
}
function emptyselect( myObj )
{
var operatorData1 = new Array("is equal","not equal","is after","is before","is null","is not null"," ");
var operatorData2 = new Array("is equal","is null","is not null"," ");
var operatorData3 = new Array("is equal","not equal","is greater than","is greater than or equal","is less than","is less than or equal","is null","is not null");
var operatorData4 = new Array("is equal","not equal","is greater than","is greater than or equal","is less than","is less than or equal","like","not like","is null","is not null");
// create an object pointing to the operator select
var operator = document.search.opr;
//clear the operator select
operator.options.length = 0;
if((myObj.options[myObj.selectedIndex].value == "F_ARCHIVEDATE" ) || (myObj.options[myObj.selectedIndex].value == "F_DELETEDATE" ) || (myObj.options[myObj.selectedIndex].value == "F_ENTRYDATE" ) || (myObj.options[myObj.selectedIndex].value == "date1" ))
{
for( var i=0;i<operatorData1.length;i++ )
{
operator.options[i] = new Option( operatorData1[i], i );
}
}
else if((myObj.options[myObj.selectedIndex].value == "F_DOCCLASSNUMBER" ) || (myObj.options[myObj.selectedIndex].value == "F_DOCNUMBER" ) || (myObj.options[myObj.selectedIndex].value == "F_PAGES" ) || (myObj.options[myObj.selectedIndex].value == "F_RETENOFFSET" ) ||
(myObj.options[myObj.selectedIndex].value == "id" ))
{
for( var i=0;i<operatorData3.length;i++ )
{
operator.options[i] = new Option( operatorData3[i] ,i );
}
}
else if((myObj.options[myObj.selectedIndex].value == "F_DOCTYPE" ) || (myObj.options[myObj.selectedIndex].value == "F_DOCCLASSNAME" ))
{
for( var i=0;i<operatorData2.length;i++ )
{
operator.options[i] = new Option( operatorData2[i] ,i );
}
}else
{
for( var i=0;i<operatorData4.length;i++ )
{
operator.options[i] = new Option( operatorData4[i] ,i );
}
}
}
</script>
</head>
<body style="margin:0" bgcolor="silver">
<form method="POST" name="search">
<br></br>
<center>
<DIV STYLE="overflow: auto; width: 650px; height: 230;
border-left: 1px gray solid; border-bottom: 1px gray solid;
padding:0px; margin: 0px">
<TABLE border=1 cellspacing=0 cellpadding=0>
<COL WIDTH=10><COL WIDTH=100><COL WIDTH=100><COL WIDTH=100>
<tr>
<td align="center" width=10 valign="top" nowrap>
<input type=button name="condition" value=" " onClick="javascript:changeLabel( this );">
</input>
</td>
<td align="center" width=150 valign="top">
<select name="prop" onChange="emptyselect( this );">
<option>
</option>
<option value=> </option>
<option value=F_ARCHIVEDATE> F_ARCHIVEDATE </option>
<option value=F_DELETEDATE> F_DELETEDATE </option>
<option value=F_DOCCLASSNAME> F_DOCCLASSNAME </option> <option value=F_DOCCLASSNUMBER> F_DOCCLASSNUMBER </option>
<option value=F_DOCFORMAT> F_DOCFORMAT </option> <option value=F_DOCLOCATION> F_DOCLOCATION </option> <option value=F_DOCNUBER> F_DOCNUBER </option> <option value=F_DOCTYPE> F_DOCTYPE </option>
<option value=F_ENTRYDATE> F_ENTRYDATE </option>
<option value=F_PAGES> F_PAGES </option> <option value=F_RETENOFFSET> F_RETENOFFSET </option>
<option value=date1> date1 </option>
<option value=id> id </option>
<option value=name> name </option>
<select>
</td>
<td align="center" width=200 valign="top">
<select name="opr">
<option>
</option>
</select>
</td>
<td align="center">
<input type=text size=20>
</td>
</tr>
<tr>
<td align="center" width=10 valign="top" nowrap>
<input type=button name="condition" value=" " onClick="javascript:changeLabel( this );">
</input>
</td>
<td align="center" width=150 valign="top">
<select name="prop" onChange="emptyselect( this );">
<option>
</option>
<option value=> </option>
<option value=F_ARCHIVEDATE> F_ARCHIVEDATE </option>
<option value=F_DELETEDATE> F_DELETEDATE </option>
<option value=F_DOCCLASSNAME> F_DOCCLASSNAME </option> <option value=F_DOCCLASSNUMBER> F_DOCCLASSNUMBER </option>
<option value=F_DOCFORMAT> F_DOCFORMAT </option> <option value=F_DOCLOCATION> F_DOCLOCATION </option> <option value=F_DOCNUBER> F_DOCNUBER </option> <option value=F_DOCTYPE> F_DOCTYPE </option>
<option value=F_ENTRYDATE> F_ENTRYDATE </option>
<option value=F_PAGES> F_PAGES </option> <option value=F_RETENOFFSET> F_RETENOFFSET </option>
<option value=date1> date1 </option>
<option value=id> id </option>
<option value=name> name </option>
<select>
</td>
<td align="center" width=200 valign="top">
<select name="opr">
<option>
</option>
</select>
</td>
<td align="center">
<input type=text size=20>
</td>
</tr>
</TABLE>
</div>
</center>
</form>
</body>
</html>
this code iam using in jsp..when user selects avalue from second column combobox then it should invoke emptselect() and show the corresponding values in third column combo box ..it should happen for all three rows..but its not working..and showing an error options not an object
<head>
<title>
</title>
<script language="javascript">
function getPropValues()
{
var docclassname = search.docclass.options.value;
search.indexName.value = docclassname;
document.search.submit();
}
function changeLabel( buttonName )
{
var label = buttonName.value;
if(label == " ")
{
buttonName.value = " AND ";
}else if(label == " AND ")
{
buttonName.value = " OR ";
}else
{
buttonName.value = " ";
}
}
function emptyselect( myObj )
{
var operatorData1 = new Array("is equal","not equal","is after","is before","is null","is not null"," ");
var operatorData2 = new Array("is equal","is null","is not null"," ");
var operatorData3 = new Array("is equal","not equal","is greater than","is greater than or equal","is less than","is less than or equal","is null","is not null");
var operatorData4 = new Array("is equal","not equal","is greater than","is greater than or equal","is less than","is less than or equal","like","not like","is null","is not null");
// create an object pointing to the operator select
var operator = document.search.opr;
//clear the operator select
operator.options.length = 0;
if((myObj.options[myObj.selectedIndex].value == "F_ARCHIVEDATE" ) || (myObj.options[myObj.selectedIndex].value == "F_DELETEDATE" ) || (myObj.options[myObj.selectedIndex].value == "F_ENTRYDATE" ) || (myObj.options[myObj.selectedIndex].value == "date1" ))
{
for( var i=0;i<operatorData1.length;i++ )
{
operator.options[i] = new Option( operatorData1[i], i );
}
}
else if((myObj.options[myObj.selectedIndex].value == "F_DOCCLASSNUMBER" ) || (myObj.options[myObj.selectedIndex].value == "F_DOCNUMBER" ) || (myObj.options[myObj.selectedIndex].value == "F_PAGES" ) || (myObj.options[myObj.selectedIndex].value == "F_RETENOFFSET" ) ||
(myObj.options[myObj.selectedIndex].value == "id" ))
{
for( var i=0;i<operatorData3.length;i++ )
{
operator.options[i] = new Option( operatorData3[i] ,i );
}
}
else if((myObj.options[myObj.selectedIndex].value == "F_DOCTYPE" ) || (myObj.options[myObj.selectedIndex].value == "F_DOCCLASSNAME" ))
{
for( var i=0;i<operatorData2.length;i++ )
{
operator.options[i] = new Option( operatorData2[i] ,i );
}
}else
{
for( var i=0;i<operatorData4.length;i++ )
{
operator.options[i] = new Option( operatorData4[i] ,i );
}
}
}
</script>
</head>
<body style="margin:0" bgcolor="silver">
<form method="POST" name="search">
<br></br>
<center>
<DIV STYLE="overflow: auto; width: 650px; height: 230;
border-left: 1px gray solid; border-bottom: 1px gray solid;
padding:0px; margin: 0px">
<TABLE border=1 cellspacing=0 cellpadding=0>
<COL WIDTH=10><COL WIDTH=100><COL WIDTH=100><COL WIDTH=100>
<tr>
<td align="center" width=10 valign="top" nowrap>
<input type=button name="condition" value=" " onClick="javascript:changeLabel( this );">
</input>
</td>
<td align="center" width=150 valign="top">
<select name="prop" onChange="emptyselect( this );">
<option>
</option>
<option value=> </option>
<option value=F_ARCHIVEDATE> F_ARCHIVEDATE </option>
<option value=F_DELETEDATE> F_DELETEDATE </option>
<option value=F_DOCCLASSNAME> F_DOCCLASSNAME </option> <option value=F_DOCCLASSNUMBER> F_DOCCLASSNUMBER </option>
<option value=F_DOCFORMAT> F_DOCFORMAT </option> <option value=F_DOCLOCATION> F_DOCLOCATION </option> <option value=F_DOCNUBER> F_DOCNUBER </option> <option value=F_DOCTYPE> F_DOCTYPE </option>
<option value=F_ENTRYDATE> F_ENTRYDATE </option>
<option value=F_PAGES> F_PAGES </option> <option value=F_RETENOFFSET> F_RETENOFFSET </option>
<option value=date1> date1 </option>
<option value=id> id </option>
<option value=name> name </option>
<select>
</td>
<td align="center" width=200 valign="top">
<select name="opr">
<option>
</option>
</select>
</td>
<td align="center">
<input type=text size=20>
</td>
</tr>
<tr>
<td align="center" width=10 valign="top" nowrap>
<input type=button name="condition" value=" " onClick="javascript:changeLabel( this );">
</input>
</td>
<td align="center" width=150 valign="top">
<select name="prop" onChange="emptyselect( this );">
<option>
</option>
<option value=> </option>
<option value=F_ARCHIVEDATE> F_ARCHIVEDATE </option>
<option value=F_DELETEDATE> F_DELETEDATE </option>
<option value=F_DOCCLASSNAME> F_DOCCLASSNAME </option> <option value=F_DOCCLASSNUMBER> F_DOCCLASSNUMBER </option>
<option value=F_DOCFORMAT> F_DOCFORMAT </option> <option value=F_DOCLOCATION> F_DOCLOCATION </option> <option value=F_DOCNUBER> F_DOCNUBER </option> <option value=F_DOCTYPE> F_DOCTYPE </option>
<option value=F_ENTRYDATE> F_ENTRYDATE </option>
<option value=F_PAGES> F_PAGES </option> <option value=F_RETENOFFSET> F_RETENOFFSET </option>
<option value=date1> date1 </option>
<option value=id> id </option>
<option value=name> name </option>
<select>
</td>
<td align="center" width=200 valign="top">
<select name="opr">
<option>
</option>
</select>
</td>
<td align="center">
<input type=text size=20>
</td>
</tr>
</TABLE>
</div>
</center>
</form>
</body>
</html>
this code iam using in jsp..when user selects avalue from second column combobox then it should invoke emptselect() and show the corresponding values in third column combo box ..it should happen for all three rows..but its not working..and showing an error options not an object