[JavaScript]Pobranie wartości z pola select Opcje

[Blame]

Mam taką oto funkcję:

CODE

function doCOLOR(obj)
{
textarea = document.getElementById(obj);
var url = document.getElementById("kolor").value;
var scrollTop = textarea.scrollTop;
var scrollLeft = textarea.scrollLeft;

if (url != '' && url != null) {

if (document.selection)
{
textarea.focus();
var sel = document.selection.createRange();

if(sel.text==""){
sel.text = '[/color]';
} else {
sel.text = '' + sel.text + '';
}

//alert(sel.text);

}
else
{
var len = textarea.value.length;
var start = textarea.selectionStart;
var end = textarea.selectionEnd;

var sel = textarea.value.substring(start, end);

if(sel==""){
var rep = '';
} else
{
var rep = '[color=' + url + ']' + sel + '';
}
//alert(sel);

textarea.value = textarea.value.substring(0,start) + rep + textarea.value.substring(end,len);


textarea.scrollTop = scrollTop;
textarea.scrollLeft = scrollLeft;
}
}
}

a to mam w pliku html:

[HTML] pobierz, plaintext 
<select name="kolory">
		<option id="kolor" value="black">Czarny</option>
		<option id="kolor" value="white">Biały</option>
		<option id="kolor" value="red">Czerwony</option>
		<option id="kolor" value="green">Zielony</option>
		<option id="kolor" value="yellow">Żółty</option>
		<option id="kolor" value="blue">Niebieski</option>
	</select>
[HTML] pobierz, plaintext 

Wiem, że kod jest nieprawidłowy, dlatego proszę o pomoc. Chciałbym, żeby po wywołaniu funkcji doCOLOR wstawiany był znacznik "[color=]" z aktualnie wybranym kolorem w polu select a nie z pierwszą pozycją(w tym wypadku czarny). Jak to zrobić? Pomożecie?

Ten post edytował Blame 5.10.2009, 19:04:40

[thek]

To Select ma mieć przypisane id, a nie pola Option. Option są "dziećmi" Select i jeśli zostanie pokazany poprzez id odpowiedni Select to dzięki temu będziesz mógł wyciągnąć jaki Option wybrano. Pamiętaj, że id musi być unikatowe w całym dokumencie. Używanie choćby dwukrotne tego samego id jest błędem i każdy walidator Ci to wytknie jako niepoprawność.

[Blame]

Dzięki! Raczkuje w temacie więc twoja pomoc bardzo mi się przydała. Mam jeszcze jedno pytanie. Jak zrobić, żeby w/w funkcja miała miejsce po kliknięciu na dane pole option?

[Fafu]

w select daj event onchange

[MateuszS]

chodzi Ci o cos takiego?

[HTML] pobierz, plaintext 
<script type="text/javascript">
function kolor() {
	var textarea=document.getElementById('area').innerHTML;
	var kolor=document.getElementById('kolor').value;
	var new_text='[ color='+kolor+']'+textarea+'[ /color]';  // usun z tad spacje u siebie bo na forum sie zle wyswietla
	document.getElementById('area').innerHTML=new_text;
}
</script>
 
<select id="kolor" name="kolory">
		<option onClick="kolor()"  value="black">Czarny</option>
		<option onClick="kolor()"  value="white">Biały</option>
		<option onClick="kolor()"  value="red">Czerwony</option>
		<option onClick="kolor()"  value="green">Zielony</option>
		<option onClick="kolor()"  value="yellow">Żółty</option>
		<option onClick="kolor()"  value="blue">Niebieski</option>
</select><br />
<textarea id="area">Tu jest jakiś tekst który mozesz wziasc w [color=] sadad</textarea><br />
 
[HTML] pobierz, plaintext 

Ten post edytował MateuszScirka 5.10.2009, 20:27:53

[thek]

Pamiętaj, że zdarzenia masz dla "rodzica" czyli dla Select Czyli jak mój poprzednik zaznaczył zdarzenie onchange dla Select )

[HTML] pobierz, plaintext 
<select id="kolor" name="kolory" onchange="kolor()">
[HTML] pobierz, plaintext