[HTML]multiple select i dodawanie do tablicy array w JS, wskazuje tylko na pierwszy element z listy Opcje

[casperii]

Proszę o spojrzenie w kod i ewentualne naprowadzenie mnie gdzie robię błąd. Przy każdej próbie zaznaczenia wyboru z listy multiple select pojawia mi się wartość tylko pierwszego elementu z listy.
Poniżej kod:

[HTML] pobierz, plaintext 
var myarray = new Array();
function getSelectedDataAttribute(event) {
	var selected_value = event.options[event.selectedIndex].value;
 
	myarray.push(selected_value);
	alert(myarray);
}
[HTML] pobierz, plaintext 

oraz

[HTML] pobierz, plaintext 
<select onchange="getSelectedDataAttribute(this)">
<option value="1">zima</option>
<option value="2">wiosna</option>
<option value="3">lato</option>
<option value="4">jesień</option>
</select>
[HTML] pobierz, plaintext 

[nospor]

Mi dziala. Moze zamiast alert zrob console.log

ps: twoj select nie jest zaden MULTIPLE (IMG:style_emoticons/default/tongue.gif)

[casperii]

Mi dziala. Moze zamiast alert zrob console.log

ps: twoj select nie jest zaden MULTIPLE (IMG:style_emoticons/default/tongue.gif)

hehe (IMG:style_emoticons/default/smile.gif) ok, a jak to teraz odebrać , tzn przesłać dalej ? (IMG:style_emoticons/default/smile.gif)

[HTML] pobierz, plaintext 
var myarray = new Array();
function getSelectedDataAttribute(event) {
	var selected_value = event.options[event.selectedIndex].value;
 
	myarray.push(selected_value);
	console.log(myarray);
}
 
document.addEventListener('submit', function(e){
const tablica =myarray
 
const data = {
tablica: tablica
};
 
});
[HTML] pobierz, plaintext 

[nospor]

No przeciez to wlasnie zrobiles. Naprawde lubisz dawac kiepsko opisane problemy. A potem zdenerwowany chodzisz ze sie dopytuje :/

ps: rownie dobrze mozesz od razu dobrac sie do array
const data = {
tablica: myarray
};

[casperii]

no właśnie NIC nie śle do DB
Console.log z danymi które posyłam dla tego pola pokazuje array(liczba zaznaczonych elementów) - zgodna liczba z tymi ile zaznaczyłem w selecie.

Ten post edytował casperii 9.06.2022, 19:37:53

[nospor]

NO ale chlopie, zrobiles tablice data
const data

I robisz cos z nia pozniej? Przysylasz gdzies? Ajaxem? I znowu wracamy do punktu, gdzie totalnie zle opisujesz sytuacje. No skad ja mam wiedziec jak to wysylasz do bazy, jak to odbierasz itd itd. No ogarnij sie w wkonuc troche

A jesli ty to wysylasz normalnie formem, po klinieciu na submit, to normalka ze nie dziala. Form wysyla tylko pola formularza i nic wiecej. Wiec jak chcesz normalnie formem to wyslac, to tworzysz pole ukryte w tym formie i do tego pola przypisujesz wartosc tej tablicy

[casperii]

@nospor no i wszystko jasne (IMG:style_emoticons/default/smile.gif) dzięki naprowadziłeś mnie

edit, coś nadal bierze tylko pierwszy element ale dublowany tyle razy ile zostanie wybrana opcja z selecta.

HTML:

[HTML] pobierz, plaintext 
<form action="" method="post" id="run">
<select onchange="getSelectedDataAttribute(this)">
<option value="1">zima</option>
<option value="2">wiosna</option>
<option value="3">lato</option>
<option value="4">jesień</option>
</select>
<input type="hidden" name="ukrytePole"> 
<button type="submit">zapisz</button>
</form>
[HTML] pobierz, plaintext 

JS:

[HTML] pobierz, plaintext 
var myArray = new Array();
function getSelectedDataAttribute(event) {
	var selected_value = event.options[event.selectedIndex].value;
	myArray.push(selected_value);
 
	console.log(myArray);
        document.getElementById('ukrytePole').value = myArray
}
 
 
document.addEventListener('submit', function(e){
                const form = document.querySelector("#run")
		const tablica = form.ukrytePole.value
                const data = {
                          tablica: tablica
                };
});
[HTML] pobierz, plaintext 

console.log

[XML] pobierz, plaintext 
['9']
(2) ['9', '9']
(3) ['9', '9', '9']
[XML] pobierz, plaintext 

Ten post edytował casperii 9.06.2022, 20:12:47

[nospor]

Nie ogarniam po co ci ten event na SUBMIT skoro i tak dane do pola ukrytego wkladasz za kazdym clickiem...

ALe pomiajac to co wyzej to co to niby ma byc?
document.getElementById('ukrytePole').value = myArray

Do pola ukrytego wklada sie TEKST. Musisz wiec swoja tablice zamieniac na np. elementy oddzielone przecinkiem

ps: ide spac

[casperii]

do elementu ID ukrytePole wstawia wartość tablicy myArray , w podglądzie kodu widzę , że dodaje: value="9,9,9"
Problem jest gdzie indziej , zawsze dodaje do tablicy pierwszy element, nie ten który zaznaczam.

[nospor]

Mi wszystko dziala jak nalezy

https://jsfiddle.net/y90j2qb5/

moze masz jakies eventy czy cos takiego, ktore psuja efekt