Permalänk
Medlem

HTML <select> hjälp!

Jag hjälper min bror med att göra en hemsida nu. Och det har visat sig att min kunskaper inom webdesign inte är vad dom en gång var så nu behöver jag lite hjälp...

Jag ska göra en grej där man ska kunna få ett beräknat pris genom att välja alternativ från två olika drop-down menyer (select), hur får jag det att uppdatera så jag får in valet i mitt php-script? Jag vill inte ha en knapp som man ska trycka på om det går att lösa?

Tack för hjälpen i förhand!

Permalänk
Medlem
Skrivet av eliasf:

Jag hjälper min bror med att göra en hemsida nu. Och det har visat sig att min kunskaper inom webdesign inte är vad dom en gång var så nu behöver jag lite hjälp...

Jag ska göra en grej där man ska kunna få ett beräknat pris genom att välja alternativ från två olika drop-down menyer (select), hur får jag det att uppdatera så jag får in valet i mitt php-script? Jag vill inte ha en knapp som man ska trycka på om det går att lösa?

Tack för hjälpen i förhand!

Du får använda dig av AJAX och javascript om du inte vill ha en submit knapp. Är hyffsat lätt med jquery.

Permalänk
Entusiast

Du vill typ att det ska uppdatera när man väljer ett alternativ?

Min spontana lösning är en event listener i javascript som aktiverar php scriptet. Har aldrig gjort det med select boxar men jQuary har smidiga grejer som onKeyUp, det borde finnas något för select med, google away!

Permalänk
Medlem

Om jag inte minns helt fel, så bör en onChange triggas när man ändrar i just select.

Visa signatur

PC: i7 3770k, Asus P8Z77-M PRO, 16GB @ 1600Mhz CL9, Gigabyte GTX670 OC, 120GB Intel 330
HTPC: i5 3450, ASRock Z77M mATX, 8GB @1600Mhz CL9, Gigabyte GTX670 OC, 160GB Intel 320
Server (Ubuntu 12.04): Pentium G2030 3Ghz, 4GB @ 1600Mhz, 160GB VelociRaptor, 4*1TB 7200RPM @ RaidZ

Permalänk
Medlem

Detta borde funka. Om du behöver göra något med PHP får du skicka vidare med hjälp av ajax.

$('#din-selects-id').change(function() { //gör uträkning });

Visa signatur

Intel i7 2600K @ 4.5GHz | GeForce GTX 680 | ASUS P8P67 PRO | Corsair Dominator 16GB 1600MHz | Samsung 830 256GB

Permalänk
Medlem

Här är lite kod som kanske kan hjälpa dig på vägen.
I select1.php och select2.php får du ha php-scripten. Går att optimera allt. Tänkte bara ge dig någon form av start

function selectFunction1(){ var select1 = $("#select1").val(); $.post('select1.php', { value: select1}, function(output){ $('#div').html(output); }); } function selectFunction2(){ var select2 = $("#select2").val(); $.post('select1.php', { value: select2}, function(output){ $('#div').html(output); }); }

<select id="select1" name="1" onchange="selectFunction1()"> <option>Test</option> </select> <select id="select2" name="2" onchange="selectFunction2()"> <option>Fest</option> </select>