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 jednorucni = { "sila" : { "1" : "10", "2" : "20", "3" : "30" }, "rychlost" : [ "1", "2", "3" ] }; var dvourucni = { "sila" : { "1" : "40", "2" : "50", "3" : "60" }, "rychlost" : [ "4", "5", "6" ] }; var strelna = { "sila" : { "1" : "70", "2" : "80", "3" : "90" }, "rychlost" : [ "7", "8", "9" ] }; $( "select" ).change(function() { var hodnota = $("#vysledek"); 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>