Form HTML checkbox

de1980

Form HTML checkbox [Postato il 02/11/2017 16:41:25 nel forum programmazione]

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?

Cuisine Royale
Un Battle Royale unico, nato come pesce d'aprile, in cui combattere contro altri 30 giocatori armati di utensili da cucina!

Risposte alla discussione

Pagine: 1 [2] [3]

urf

02/11/2017 17:47:13

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

Forge of Empire
Costruisci il tuo insediamento e accompagnalo dagli inizi dell'Età della Pietra nel corso dei secoli in questo pluri-premiato browser game!

de1980

02/11/2017 18:24:41

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?

Forge of Empire
Costruisci il tuo insediamento e accompagnalo dagli inizi dell'Età della Pietra nel corso dei secoli in questo pluri-premiato browser game!

Modificato il 02/11/2017 19:01:56 da de1980

de1980

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?

Rail Nation
Il tuo impero su rotaie online! Guida la tua compagnia ferroviaria dal passato al presente, investi nelle industrie emergenti ecc.

startrekfederation_staff

03/11/2017 21:33:49

Anche noi abbiamo avuto questo problema qualche tempo fa: questo sembra fare al caso tuo: [Link ] (l'esempio è preso da [Link ])

Enjoy!

Star Trek: Federation - PbC anno 2397
[Link ]

Modificato il 03/11/2017 21:35:09 da startrekfederation_staff

de1980

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: [Link ] (l'esempio è preso da [Link ])

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

Kyusai GdR
Inoltrati a Natsuko, dove androidi, ibridi e Machine-Mech coesistono in un'unica realtà colma di misteri e eventi apparentemente inspiegabili.

raysmoke

06/11/2017 16:55:07

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

[Link ]

de1980

06/11/2017 21:49:08

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!

Modificato il 07/11/2017 09:11:52 da de1980

raysmoke

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ì.

[Link ]

de1980

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

Armored Warfare
MMO militare tattico che offre ai giocatori il controllo dei loro carri armati corazzati man mano che si danno battaglia su vari terreni!

de1980

07/11/2017 09:12:52

<!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>

Rail Nation
Il tuo impero su rotaie online! Guida la tua compagnia ferroviaria dal passato al presente, investi nelle industrie emergenti ecc.

Modificato il 07/11/2017 09:29:46 da de1980

Pagine: 1 [2] [3]

Non puoi scrivere in questo forum