Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<form action="javascript:void(0);" method="get" > <label>Jednoruční dvouruční <select name="jedno_dvouruc"> <option value="jednorucni">Jednoruční</option> <option value="dvourucni">Dvouruční</option> <option value="strelna">Střelná</option> </select> </label> <label>Síla zbraně <select name="sila"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> </label> <label>rychlost <select name="rychlost"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> </label> <div>Hodnota zbraně je: <span id="vysledek">0</span></div> <input onclick="odeslat()test()" type="submit" name="submit" value="Odeslat"> </form>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
label,div,input { display:block; padding: 5px; background:ghostwhite; margin: auto; margin-bottom: 2px; } div { background: grey; } #vysledek { background: white; padding: 8px; } form { width: 400px; }
CSS
Autoformát
CSS reset
Až na konci
function odeslat(){ alert('odesláno'); } var objekt = { "jednorucni" : { "sila" : { 1:10, 2:20, 3:30 }, "rychlost":{ 1:1, 2:2, 3:3 } }, "dvourucni":{ "sila":{ 1:40, 2:50, 3:60 }, "rychlost":{ 1:1, 2:2, 3:3 } }, "strelna":{ "sila":{ 1:70, 2:80, 3:90 }, "rychlost":{ 1:7, 2:8, 3:9 } } } $( "select" ).change(function() { var hodnota = $("#vysledek"); var typ = $("select[name='jedno_dvouruc'] option:selected").val(); var sila = $("select[name='sila'] option:selected").val(); var rychlost = $("select[name='rychlost'] option:selected").val(); var vypocet = objekt[typ]['sila'][sila] + objekt[typ]['rychlost'][rychlost]; //var vypocet = $("select[name='sila'] option:selected").val() + $("select[name='rychlost'] option:selected").val() ; hodnota.text(vypocet); });
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>