Visualizzazione dei risultati da 1 a 8 su 8

Visualizzazione discussione

  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2015
    Messaggi
    107

    Numero di input dipendenti da un valore di input precedente

    Come da titolo il numero di input che vorrei inserire dipende dal valore di un input precedentemente richiesto, cercando su internet ho provato a mettere giù del codice ma non funziona
    codice HTML:
    <!doctype html><html lang="it">  
    <head>    <!-- Required meta tags -->    <meta charset="utf-8">    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <!-- Bootstrap CSS -->    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>  
    
    
      <script type="text/javascript">       
     var n_c = $(".num_c").val();
      var new_inputs = '';
       for (var i = 0; i < parseInt(n_c); i++) {        
    $('<div/>', {  new_inputs += '<label class="control-label col-sm-2" for="num_c">Il consegnaotore numero '+i+' consegna:</label>'           
    +'<div class="col-sm-10"> <label class="radio-inline"> <input type="radio" name="optradio" checked>A piedi </label>'          
      +' <label class="radio-inline"> <input type="radio" name="optradio">In bici </label>'         
     +' <label class="radio-inline"> <input type="radio" name="optradio">In motorino </label> '  
     +' <label class="radio-inline"> <input type="radio" name="optradio">In macchina </label> /div>';        });        }         
       $('.mezzi_c').html(new_inputs);
        </script>    
    </head>  
    <body><br><br>      
     <div class="row form-group">          
    <label class="control-label col-sm-2" for="num_c">Numero Consegnatori:</label>          
      <div class="col-sm-10">              <input type="number" class="form-control" id="num_c" placeholder="Numero Consegnatori" name="num_c" min="1"required="true">            </div>        </div>          <div class="row form-group" id="mezzi_c">                  </div>  
    </body>  
    </html>
    come mai?
    Ultima modifica di ROCCHEFILI; 12-10-2018 a 13:15

Tag per questa discussione

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.