Dropdown - schova polia

elo · Napísal **elo**: 12.01.2013 14:35

Ahojte,

mam dropdown (dve polozky) dalej dva x input box a dva x input text.

Ako docielit aby po vybere druhej polozky z dropdown sa schova zvysok? (dva x input box a dva x input text)

Dakujem.

Kód:

    <td width="80%" colspan="4">
    <span style="color: rgb(17, 17, 17); font-family: Arial, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; display: inline !important; float: none">
    </span></td>
    <td width="20%" rowspan="4">&nbsp;</td>
  </tr>
  <tr>
    <td width="40%" colspan="2">
    <form method="POST" action="--WEBBOT-SELF--">
      <!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" --><p>
      <select size="1" name="D1" style="width: 350">
      <option>súhlas vlastníka so sídlom</option>
      <option>nájomná zmluva</option>
      </select></p>
    </form>
&nbsp;</td>
    <td width="20%">&nbsp;</td>
    <td width="20%">&nbsp;</td>
  </tr>
  <tr>
    <td width="20%">
    <span style="font-family: Arial, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; display: inline !important; float: none">
    Číslo listu vlastníctva</span></td>
    <td width="20%"><input type="text" name="T1" size="21"></td>
    <td width="20%">
    <span style="font-family: Arial, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; display: inline !important; float: none">
    Meno vlastníka</span></td>
    <td width="20%"><input type="text" name="T1" size="20"></td>
  </tr>
  <tr>
    <td width="80%" colspan="4">&nbsp;</td>

shaggy · Napísal **shaggy**: 13.01.2013 23:49

1. iba v html nijak (presúvam tému)
2. nabudúce poprosíme bez tony zbytočného kódu, kto sa má hrabať tým kódom plným inline štýlov. Každopádne v tom kóde vidím iba 2x select a 2x input. Keby som vedel, aký je rozdiel medzi input box a input text (input box je označenie pre textový input, takže neviem o čom hovoríš), tak by som aj chápal, čo chceš presne skrývať.
3. na udalosť "onchange" pri tom selecte urobíš to, čo chceš (skryješ/zobrazíš input). Pár príkladov:
http://www.webmasterworld.com/forum10/2281.htm
http://stackoverflow.com/questions/5024 ... tml-select
http://www.webdeveloper.com/forum/showt ... splay-hide

elo · Napísal autor témy **elo**: 14.01.2013 1:23

Dakujem ale ako tam pridam dalsie schovavanie?

Kód:

 <script> 
function checkForOther(obj) { 
 if (!document.layers) { 
 var txt = document.getElementById("preukazanie"); 
 if (obj.value == "suhlas") { 
 txt.style.display = "inline"; 
 // gives the text field the name of the drop-down, for easy processing 
 txt.name = "sidlo"; 
 obj.name = ""; 
 } else { 
 txt.style.display = "none"; 
 txt.name = ""; 
 obj.name = "sidlo"; 
 } 
 } 
} 
</script> 

<form name="formular" method="POST" action="nextPage.htm"> 
<select name="sidlo" id="titles" onchange="checkForOther(this)"> 
<option value="suhlas">súhlas vlastníka so sídlom</option>
 <option value="najomna">nájomná zmluva</option>  
</select> 
</form> 
    
    <span id="cislo_listu">Číslo listu vlastníctva</span>
    <input type="text" id="preukazanie" size="21">
        
    <span id="meno_vlastnika_text">Meno vlastníka</span>
    <input type="text" id="vlastnik" size="20">

Potrebujem este schovavat aj id cislo_listu, id meno_vlastnika_text a id vlastnik.

Ako na to prosim?

Dakujem.

shaggy · Napísal **shaggy**: 14.01.2013 18:47

Rovnako, ako skrývaš napr. input s id preukazanie, skryješ aj cislo_listu, meno_vlastnika_text a vlastnik.

Dropdown - schova polia

Podobné témy