comment puis-je faire un formulaire dynamique pour les jours de la semaine et le temps?

Question

J'ai cherché pendant un moment sans aucune chance. J'essaye d'écrire un formulaire en HTML qui est dynamique. L'utilisateur sélectionne d'abord le jour de la semaine (par exemple, lundi) et peut ensuite sélectionner l'heure par incréments de 30 minutes (par exemple, 14h30).

Je sais qu'il est possible d'obtenir le formulaire d'heure de DateTimePicker, et je peux faire un simple formulaire d'options pour les jours de la semaine, mais est-il possible de relier les deux dans le même formulaire dynamiquement?

Merci beaucoup,

Answer 1

Que diriez-vous:

var select = document.createElement('SELECT'); 
select.name = "days"; 

var days = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday']; 

for (var i = 0; i < days.lentgh; i++) 
{ 
    var option = document.createElement('OPTION'); 
    option.value = days[i]; 
    option.textContent = days[i]; 
    select.body.appendChild(option); 
} 

document.body.appendChild(select); 


var select = document.createElement('SELECT'); 
select.name = "time"; 

for (var i = 0; i < (24*2); i++) 
{ 
    var option = document.createElement('OPTION'); 
    var x = (i % 2 === 0) ? '30' : '00'; 
    var y = (i/2) + ':' + x; 
    option.value = y; 
    option.textContent = y; 
} 

document.body.appendChild(select); 

Vous pouvez dans "document.body.appendChild (choisir);" Rappeler le corps avec par ex. getElementById ('yourId')