2017-09-17 12 views
0

私は運がないとしばらく探していました。 私はhtmlで動的なフォームを作成しようとしています。ユーザは、まず曜日(たとえば月曜日)を選択し、次に30分増分で時間を選択することができる(例えば午後2:30)。曜日と時間の動的フォームを作成するにはどうすればよいですか?

DateTimePickerからタイムフォームを取得することは可能ですが、平日の簡単なオプションフォームを作成できますが、2つを同じフォームに動的に接続する方法はありますか?

どうもありがとう、

+0

あなたはこれまでに何を得ているか教えてもらえますか? –

答えて

0

どの程度:中

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); 

することができます "document.body.appendChild(選択);"例えば、 getElementById( 'yourId')

関連する問題