[JavaScript]Wysyłanie forumlarza z polem select Opcje

[Age1869]

Witam,

mam formularz z polem SELECT i czterema opcjami. Jak wiadomo SELECT przyjmuje tylko tekst w opcjach, a mi potrzeba tam obrazków. W związku z tym wpadłem na pomysł, żeby go uczynić niewidocznym i wysyłać go za pomocą JS. Formularz nazywa się "currencies", a select ma name="currency".

Napisałem taki kod:

[HTML] pobierz, plaintext 
<div class="folder1"><div OnClick="document.currencies.currency('currency').options[0]; document.forms['currencies'].submit();" class="walutaa">PLN</div><br /><div OnClick="document.currencies.currency('currency').options[1]; document.forms['currencies'].submit();" class="walutaa">EUR</div><div OnClick="document.currencies.currency('currency').options[2]; document.forms['currencies'].submit();" class="walutaa">USD</div><div OnClick="document.currencies.currency('currency').options[3]; document.forms['currencies'].submit();" class="walutaa">GBP</div></div>
[HTML] pobierz, plaintext 

Niestety nie działa.

[Lion_87]

A musi być select? nie może być input któremu przypiszesz wartość? Co nie działa?

Ten post edytował Lion_87 5.06.2012, 21:20:56

[Age1869]

Klikam i nie ma reakcji. Wysłanie formularza powinno skutkować przeładowaniem strony.

[Lion_87]

To pokaz jeszcze ten formularz. Czemu nie np: document.currencies.currency.options[0].selected='true';

Ten post edytował Lion_87 5.06.2012, 22:37:53

[Age1869]

Formularz:

[HTML] pobierz, plaintext 
<form name="currencies" action="http://www.byilo.pl/index.php" method="get"><select name="currency" onChange="this.form.submit();"><option value="PLN" SELECTED>Polski Złoty</option><option value="EUR">Euro</option><option value="USD">Dolar</option><option value="GBP">Funt brytyjski</option></select></form>
[HTML] pobierz, plaintext 

Swój kod wzorowałem na tym, co wyczytałem na anglojęzycznych stronach, ja niestety mam jedynie mgliste pojęcie o JS (zawsze mnie odrzucał...).

[CuteOne]

hmmm może coś w ten deseń przy użyciu jquery

[HTML] pobierz, plaintext 
<script>
$(function() {
    $('.style-xxx').click(function() {
            var w = $(this).attr('id').split('-');
            $('#waluta').attr('value', w[1]);
            $('#myform').submit();
    });
});
</script>
 
<form id="myform">
<input type="hidden" name="waluta" id="waluta" value="" />
 
<div class="style-xxx" id="waluta-usd">sfdsfs</div>
<div class="style-xxx" id="waluta-euro">sfdsfs</div>
<div class="style-xxx" id="waluta-pln">sfdsfs</div>
 
</form>
[HTML] pobierz, plaintext 

Ten post edytował CuteOne 6.06.2012, 02:25:31

[d3ut3r]

ewentualnie możesz skorzystać z gotowca np:

http://www.marghoobsuleman.com/jquery-image-dropdown

co do samego problemu to w jQuery może to wyglądać tak: http://jsfiddle.net/Hnxqs/1/

[Age1869]

dzięki! działa Skorzystałem z msdropdown