dynamiczne OPTION, dodawanie i usuwanie Opcje

[php programmer]

Hej.

Chciałbym dynamicznie (ale już na poziomie JS)
dodawać i usuwać elementy <OPTION>,

dokładniej chodzi o to, że są dwa okienka (tzn elementy <SELECT>),
w jednym jest pełna lista (stała), a druga lista
ma zawierać jedynie te elementy które kazemy do niej dopisać
(a które pochodzą z pierwszej listy, guzik dodaj)
oczywiscie chciałbym mieć też możliwośc usuwania <OPTION> (guzik usun)

ponizej kod, ktory wyświetla zaznaczony element ze stałej listy (moze sie przyda)

wybrany = document.film_form.filmy.selectedIndex;
alert(document.film_form.filmy.options[wybrany].value);

Ten post edytował php programmer 29.08.2005, 11:48:21

[revyag]

Kod

<script type="text/javascript">
function add() {
    var x=document.getElementById("s1");
    var y=document.getElementById("s2");
    y.options[y.length] = new Option(x.options[x.selectedIndex].text,x.selectedIndex.value);
  
}
function remv() {
    document.getElementById("s2").remove(document.getElementById("s2").selectedIndex);
}
</script>

[HTML] pobierz, plaintext 
<select id="s1">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select><br /><br/>
<select id="s2">
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
</select><br /></br />
<input type="button" onclick="add()" value="dodaj" />
<input type="button" onclick="remv()" value="usun" />
[HTML] pobierz, plaintext