Form HTML checkbox

de1980

Form HTML checkbox postato il 02/11/2017 16:41:25 nel forum programmazione, gdrcd, open source, hosting

Buonasera, ho un problema, più di grafica che di programmazione, ho un form html al momento sto usando un select option, mi va bene perchè è compatto visto che ho molti dati da inserire, sono divisi in 10 gruppi tutti da una decina e più di dati, e deve essere possibile selezionarne più di uno, come in un checkbox, c'è un modo per rendere un select option multiselect?

Dominion Gdr ↗
In una NY con un tessuto sovrannaturale nascosto, il Bronx Vampirico e il Queens dei Lupi ribollono sotto il Dominio dei Bokor. Quanto durerà la pace?

quota

Pagine → 1 2 3

urf

SCRIVI

02/11/2017 17:47:13

Ti suggerisco vivamente di usare checkbox se non vuoi usare jquery o js in generale.

Exclusive Villa GdR ↗
Las Vegas, azzardo, vizi, soldi, intrighi... Più le sue luci sono scintillanti, più le sue ombre sono oscure. La città che non dorme mai, vi aspetta.

quota

de1980

SCRIVI

02/11/2017 18:24:41 e modificato da de1980 il 02/11/2017 19:01:56

A me andrebbe bene usare il checkbox ma con più di 100 valori per il checkbox nella pagina è ingestibile, per di più questi 100 valori sono e devono restare raggruppati.
Pensavo potrei secondo voi insere i vari valori del checkbox dentro a un menù, tipo menù a discesa verticale?

Left to Survive ↗
Left To Survive è un gioco FPS con un'ambientazione post-apocalittica in cui gli Zombi hanno schiavizzato la Terra e ne hanno preso il controllo!

quota

de1980

SCRIVI

02/11/2017 21:37:38

ho trovato il <select multiple> che ti fa selezionare più di un'opzione, l'unica cosa scomoda è che per selezionarli bisogna tenere premuto il CTRL e è molt scomodo e non intuitivo, avete idea di come si può ovviare il problema del CTRL?

Entropia Universe ↗
Lascia che il tuo avatar esplori nuovi mondi e viaggi tra i pianeti in questo stupendo MmoRpg Sci-Fi Free to Play!

quota

startrekfederation_staff

SCRIVI

GESTORE GIOCO

03/11/2017 21:33:49 e modificato da startrekfederation_staff il 03/11/2017 21:35:09

Anche noi abbiamo avuto questo problema qualche tempo fa: questo sembra fare al caso tuo: http://jsfiddle.net/xQqbR/1022/
↗ (l'esempio è preso da https://stackoverflow.com/questions/8641729/how-to-avoid-the-need-for-ctrl-click-in-a-multi-select-box-using-javascript ↗)

Enjoy!

Star Trek: Federation - PbC
https://www.stfederation.it ↗

quota

de1980

SCRIVI

06/11/2017 16:28:00

startrekfederation_staff ha scritto: Anche noi abbiamo avuto questo problema qualche tempo fa: questo sembra fare al caso tuo: http://jsfiddle.net/xQqbR/1022/
↗ (l'esempio è preso da https://stackoverflow.com/questions/8641729/how-to-avoid-the-need-for-ctrl-click-in-a-multi-select-box-using-javascript ↗)

Enjoy!

non mi apre il primo link mi da errore 404, il secondo è in inglese e speravo di trovare qualcosa in italiano per capire un po' meglio

Enlisted ↗
Guida la tua squadra di soldati in combattimenti su larga scala, con fanteria, veicoli corazzati e aerei della IIa Guerra Mondiale!

quota

raysmoke

SCRIVI

06/11/2017 16:55:07

http://jsfiddle.net/xQqbR/1022/

Lineage II ↗
Entra in uno sconfinato mondo fantasy dominato da razze in contrasto tra loro. Scatena i tuoi poteri in uno dei Mmo più famosi al mondo!

quota

de1980

SCRIVI

06/11/2017 21:49:08 e modificato da de1980 il 07/11/2017 09:11:52

Non mi funziona puoi controllare il codice per favore:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
$('option').mousedown(function(e) {
e.preventDefault();
var originalScrollTop = $(this).parent().scrollTop();
console.log(originalScrollTop);
$(this).prop('selected', $(this).prop('selected') ? false : true);
var self = this;
$(this).parent().focus();
setTimeout(function() {
$(self).parent().scrollTop(originalScrollTop);
}, 0);
</script>

</head>
<body>

<?php
echo"<form method='post' action='portate_menu.php'>";
echo"<select multiple='multiple' name='bevande'>";
echo"<option> Bevande </option>";
echo"</select>";
echo "<input type='submit' value='INVIA!'>";
echo"</form>";
?>

Crossout ↗
Tuffati nel mondo di Crossout, il gioco MMO d'azione post apocalittico! Costruisci le tue speciali macchine da combattimento!

quota

raysmoke

SCRIVI

06/11/2017 22:44:15

Devi verificare se la console ti restituisce errori o warning

Per il resto, se vuoi aiuto (da chiunque), ti suggerisco di dare una pulita e indentare decentemente il codice, perché viene il mal di testa a leggerlo così.

War Thunder ↗
Aviazione, veicoli corazzati e flotte militari della seconda guerra mondiale. Parteciperai a tutte le principali battaglie!

quota

de1980

SCRIVI

07/11/2017 09:08:16

raysmoke ha scritto: Devi verificare se la console ti restituisce errori o warning

Per il resto, se vuoi aiuto (da chiunque), ti suggerisco di dare una pulita e indentare decentemente il codice, perché viene il mal di testa a leggerlo così.

era anche peggio prima per quello l'ho modificato la parte sotto non sono riuscita ad indentarla ora riprovo, dalla pagina ho tolto tutto a parte quello di interesse, ora lo ricontrollo

Storie di Agarthi ↗
Un Varco si apre davanti a te, un mondo tra i mondi è a portata di mano. Lasciati alle spalle le certezze, inizia l'avventura!

quota

de1980

SCRIVI

07/11/2017 09:12:52 e modificato da de1980 il 07/11/2017 09:29:46

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
$('option').mousedown(function(e) {
e.preventDefault();
var originalScrollTop = $(this).parent().scrollTop();
console.log(originalScrollTop);
$(this).prop('selected', $(this).prop('selected') ? false : true);
var self = this;
$(this).parent().focus();
setTimeout(function() {
$(self).parent().scrollTop(originalScrollTop);
}, 0);
</script>

</head>
<body>

<form method='post' action='portate_menu.php'>
<select multiple='multiple' name='bevande'>
<option> Bevande: </option>
<option> Acqua </option>
<option> Vino </option>
<option> Caffè </option>
</select>
<input type='submit' value='INVIA!'>
</form>