Hej,
vill skapa ett javafilter, där man beroende på vad man väljer i dropdownen så skall ett textfät läggas till i sökningen, så låt oss säga att jag har 3 dropdownval, man väljer det första, ett textfält hamnar under dropdownen, med en remove länk (klickar man på remove så försvinner textfältet)... om man väljer det andra valet i dropdownen så hamnar ännu ett textfält under det första textfältet, och väljer man det tredje alternativet så skall både en dropdown och ett textfält dyka upp och även här med remove länk.
Hoppas ni förstår själva ideén?
jag har lyckats pilla fram lite kod, men nu fungerar det som så att när jag väljer ngt i dropdownen så ersäts den med mitt nästa val i dropdownen så vll jag inte ha det alltså utan jag vill ha så att valen läggs till undervarandra med en remove länk som man tar bort de med.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="javascript">
function switchInputs(){
sVal = document.f1.Comm_DEV.options[document.f1.Comm_DEV.selectedIndex].value;
eArr = document.getElementsByTagName('tr');
for(var x = 0; x < eArr.length; x++){
idVal = eArr[x].id.split("-");
if(idVal[0] == 'toggle'){
if(idVal[1] == sVal){
eval("document.getElementById('toggle-" + sVal + "').style.visibility='visible'");
} else {
eArr[x].style.visibility = 'hidden';
}
}
}
}
function morph(){
sVal = document.f1.Comm_DEV.options[document.f1.Comm_DEV.selectedIndex].value;
if(sVal == 'CE'){
document.getElementById('morph-input').innerHTML='<input type="text" name="cell_phone">';
document.getElementById('morph-td').innerHTML='Cell Phone:';
document.getElementById('morph-tr').style.visibility='visible';
} else if(sVal == 'PE'){
document.getElementById('morph-input').innerHTML='<input type="text" name="pager_device">';
document.getElementById('morph-td').innerHTML='Pager Device:';
document.getElementById('morph-tr').style.visibility='visible';
} else if(sVal == 'EM'){
document.getElementById('morph-input').innerHTML='<input type="text" name="email_address">';
document.getElementById('morph-td').innerHTML='Email Address:';
document.getElementById('morph-tr').style.visibility='visible';
}
}
</script>
</HEAD>
<BODY>
<form name="f1">
<table>
<tr>
<td>Comm_DEV </td>
<td>
<SELECT name="Comm_DEV" size="1" onChange="morph();">
<OPTION Value="">Please Select</OPTION>
<OPTION Value="CE">CELL_Phone</OPTION>
<OPTION Value="EM">email_Address Only</OPTION>
<OPTION Value="PE">pager_device</OPTION>
</select></td>
</tr>
<tr id="toggle-CE" style="visibility:hidden;">
<td>Cell Phone:</td>
<td><input type="text" name="cell_phone"></td>
</tr>
<tr id="toggle-EM" style="visibility:hidden;">
<td>Email Address:</td>
<td><input type="text" name="email_address"></td>
</tr>
<tr id="morph-tr" style="visibility:hidden;">
<td id="morph-td"></td>
<td id="morph-input"></td>
</tr>
</table>
</form>
</BODY>
</HTML>