Oto fragment kodu:
Kod
<script type="text/javascript">
function addTextField(x) {
if (x.value == "Polska") {
var newTextField = document.createElement("input");
newTextField.type = "text";
newTextField.name = "nip";
newTextField.value = "* NIP";
document.getElementById("Polska").appendChild(newTextField);
} else if (x.value !== "Polska") {
var newTextField = document.removeElement("input");
document.getElementById("Polska").removeChild(newTextField);
}
}
</script>
function addTextField(x) {
if (x.value == "Polska") {
var newTextField = document.createElement("input");
newTextField.type = "text";
newTextField.name = "nip";
newTextField.value = "* NIP";
document.getElementById("Polska").appendChild(newTextField);
} else if (x.value !== "Polska") {
var newTextField = document.removeElement("input");
document.getElementById("Polska").removeChild(newTextField);
}
}
</script>
Kod
<select name="kraj" style="width: 205px;" onchange="addTextField(this)">
<option value="Belgia">Belgia</option>
<option value="Czechy">Czechy</option>
<option value="Estonia">Estonia</option>
<option value="Litwa">Litwa</option>
<option value="�otwa">�otwa</option>
<option value="Niemcy">Niemcy</option>
<option value="Polska">Polska</option>
<option value="Rosja">Rosja</option>
<option value="Słowacja">Słowacja</option>
<option value="Ukraina">Ukraina</option>
</select>
<label id="Polska">
</label>
<option value="Belgia">Belgia</option>
<option value="Czechy">Czechy</option>
<option value="Estonia">Estonia</option>
<option value="Litwa">Litwa</option>
<option value="�otwa">�otwa</option>
<option value="Niemcy">Niemcy</option>
<option value="Polska">Polska</option>
<option value="Rosja">Rosja</option>
<option value="Słowacja">Słowacja</option>
<option value="Ukraina">Ukraina</option>
</select>
<label id="Polska">
</label>
Chciałbym stworzyć dynamiczny formularz, w zależności od wybranej wartości pola select. Jeśli wybiorę z listy opcję 'Polska', to tworzy się dodatkowe pole 'input', w którym można wpisać numer NIP. To działa w powyższym skrypcie, problemem dla mnie jest stworzenie wyjątku, kiedy użytkownik ponownie wybierze z listy jakąś opcję - nowo utworzone pole 'input' powinno zniknąć. Nie wiem jak to zrealizować za pomocą funkcji, aby działało.
Nie znam się za bardzo na JS.
Proszę o wyrozumiałość i jakąś podpowiedź.