[HTML][JavaScript] Pobieranie wartosci z selecta, Problem z selectami Opcje

[v1t4n]

Witam

Mam problem z moim wlasnym skryptem. Jest to fragment dziennika internetowego ktory robie dla mojej szkoly. Cel skryptu:

1. Pobranie wartosci optiona z pewnego selecta
2. Pobranie wartosci diva przez innerHTML o nazwie ktora dostalem w 1 pkt
3. Wstawienie do textarea wartosci ktora pobieram z diva (pkt 2)

...a na bardziej ludzki jezyk to chodzi o to ze mam pole select w ktorym optiony to pierwsze 37 znakow z uwagi + data dodania. Chce zrobic edycje wiec pasuje mi to wciepac do textarea. Na dole strony jest cala uwaga w divie ze stylem "display:none". Po wybraniu optiona skrypt ma sciagnac zawartosc diva i wsadzic go do textarea. Sprawdzalem JS debuggerem - bledow nie ma.

HTML:

[HTML] pobierz, plaintext 
<div class="hidden" id="hnote[1][3]">
<h4>Edycja</h4>
<form action="http://localhost/~dziennik/index.php?action=edit&item=notes&class_id=25&subject_id=36" method="post" name="noteEditForm[1]">
<center><select name="noteSelect[1]" class="note" onChange="show_note_select(1)">
<option>Wybierz uwagę do edycji</option>
<option value="1">as dasdasda sdasd asdasd asda sdasd as... | 01-01-1970</option>
<option value="2">ads asd asd asd asdasd asd ads asd asd... | 01-01-1970</option>
</select><br/>
<textarea class="note" id="noteEditTextarea[1]"></textarea><br/>
<br/>
<input type="submit" value="Dodaj uwagę"/>
</center>
</form>
</div>
[HTML] pobierz, plaintext 

...tutaj troche niepotrzebnego smiecia...

[HTML] pobierz, plaintext 
<div id="hNoteSelect[1]" class="hidden">as dasdasda sdasd asdasd asda sdasd asdas dasd asdasd </div>
<div id="hNoteSelect[2]" class="hidden">ads asd asd asd asdasd asd ads asd asd asd asdasd asd</div>
[HTML] pobierz, plaintext 

JS:

Kod

function show_note_select(id){
    var mySelect = document.noteEditForm[id].noteSelect[id].options[document.noteEditForm[id].noteSelect[id].selectedIndex].value;
    var myTextarea = document.getElementById('noteEditTextarea['+id+']');
    var myHDiv = document.getElementById('hNoteSelect['+mySelect+']').innerHTML;
    myTextaera.innerHTML = myHDiv;
}

Tak, tak, bardzo dobrze wiem ze skrypt JS moglem zmiescic w jednej linii ale tak jest dla mnie czytelniej a 3 zmienne to mi wisza...

Jedna rzecz ktora jeszcze wymaga wyjasnienia: div w html z classa hidden - zawartosc tej warstwy wklejam na stronie (tez przez innerHTML) jeszcze wyzej, wiec pierwszy kod html "jest" na stronie 2x.

I prosze, nie pytajcie czemu wszstko jest w JS a nie normalnie w PHP. Takie mam zalecenie odgorne zeby strona przeladowywala sie jak najmniej razy bo stare pierdziele w szkolach sie moga pogubic.

Ten post edytował webdicepl 6.09.2008, 10:32:20

[webdice]

Nazwa formularza nie może zawierać index'ów.

[HTML] pobierz, plaintext 
<div class="hidden" id="hnote[1][3]">
<h4>Edycja</h4>
<form action="http://localhost/~dziennik/index.php?action=edit&item=notes&class_id=25&subject_id=36" method="post" name="noteEditForm">
<center><select name="noteSelect[1]" class="note" onChange="show_note_select(this.value)">
<option>Wybierz uwagę do edycji</option>
<option value="1">as dasdasda sdasd asdasd asda sdasd as... | 01-01-1970</option>
<option value="2">ads asd asd asd asdasd asd ads asd asd... | 01-01-1970</option>
</select><br/>
<textarea class="note" id="noteEditTextarea[1]"></textarea><br/>
<br/>
<input type="submit" value="Dodaj uwagę"/>
</center>
</form>
</div>
 
<div id="hNoteSelect[1]" class="hidden">as dasdasda sdasd asdasd asda sdasd asdas dasd asdasd </div>
<div id="hNoteSelect[2]" class="hidden">ads asd asd asd asdasd asd ads asd asd asd asdasd asd</div>
 
<script>
 
function show_note_select (id)
{
	document.noteEditForm.noteEditTextarea[1].value = document.getElementById ('hNoteSelect[' + id + ']').innerHTML
}
 
</script>
[HTML] pobierz, plaintext 

[v1t4n]

Dzieki wielkie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) (i przepraszam za klopot)

Co prawda dla kazdego ucznia mam oddzielny formularz ale nie musi byc on jako index wstawiany.