HTML/PHP/AJAX/JS - Lista rozwijana + pole tekstowe
maniek.a - 17-01-2008, 20:05
Temat postu: Lista rozwijana + pole tekstowe
Witam! Chciałbym zrobić sobie listę rozwijaną np.
1 wariant
2
3
INNE
Pod tym mam takie pole
| Kod: | | <input type="text" name="inne" disabled="disabled" /> |
I chce żeby po wyborze INNE zamieniało się na
| Kod: | | <input type="text" name="inne" /> |
. Oczywiście chce aby to jakoś sprawnie działało
koziolek - 18-01-2008, 08:53
| Kod: | <select>
<option>Wybierz</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>inne</option>
</select>
<input> |
marcus - 18-01-2008, 14:15
javascript(najlepiej umieść w sekcji head): | Kod: | <script type="text/javascript">
function check() {
if (document.getElementById('select1').value == 'inne') {
document.getElementById('inne').disabled = false;
}
return true;
}
</script> |
a tutaj html:
| Kod: | <select onchange="check();" id="select1">
<option value="1">1</option>
<option value="2">2</option>
...reszta opcji
<option value="inne">inne</option>
</select>
<input type="text" disabled="disabled" name="inne" id="inne" /> |
najważniejsze w tym kodzie jest, aby input miał atrybut id="inne", select id="select1" i onchange="check();", a opcja inne value="inne". id, value, nazwe funkcji możesz zmienić, ale pamiętaj aby robić to w kodzie selecta/inputa ale też w kodzie javascript.
testowane na: Firefox 2, IE 7 i Operze 9.
maniek.a - 18-01-2008, 15:22
Dzięki.Ale to rozwiązuje tylko jeden problem. Jak zawartość dodać do SQL?
They2 - 21-01-2008, 08:56
maniek.a, wszystko jest tu http://www.webtips.pl/post23721.html
google klania
|
|
|
