JavaScriptを使用してドロップダウンから選択した日付を取得します。

Question

私には、日、月、年の3つのドロップダウンウィンドウを表示するJAVAスクリプトがあります。 今日の日付がデフォルトで選択されています。 スクリプトから元来る：私は追加したいことは以下の通りですhttp://www.javascriptkit.com/script/script2/curdateform2.shtml

：

1）は、デフォルトまたは選択した日付が2012年2月15日であると言います。 「選択した日付は2012-02-15」

2）また、選択した日付+ 30日を計算したい場合も、同様の方法で表示したい場合は、テキストが表示されます。 私は今まで神の結果でPHP、mysqlコードを書いています。しかし、私の知識はJavaScriptが非常に限られていると言わざるを得ない。 ありがとう！

こんにちはChris！

私はあなたの第二の提案は、私はまた、本体に追加

var day = document.getElementById('daydropdown').value; 
var month = document.getElementById('monthdropdown').value; 
var year = document.getElementById('yeardropdown').value; 
var date_object = new Date(); 
var ts = Date.parse(year+'-'+month+'-'+day); 
document.getElementById('d1').innerHTML = 'The selected date is: '+ date_object.setTime(ts); 

を試してみました：選択した日付がある...

<div style="font-weight:bold" id="d1" ></div> 

しかし、私が得るすべては次のとおりです。ではNaNの

元のコードは関数がwindow.onloadを使用してアクティブ化されています。これまでのところ、ドロップダウンリストを使用して日付が変更されたときにコードが反応しないことがわかりました...これを解決できますか？

Answer 1

あなたがサンプルから要素IDを変更しなかった場合：https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date

：

var day = document.getElementById('daydropdown').value; 
var month = document.getElementById('monthdropdown').value; 
var year = document.getElementById('yeardropdown').value; 

// if you simply want to display it: 
var text = 'The selected date is: '+year+'-'+month+'-'+day; 
alert(text); 

// if you want to work with it, make a Date object 
var date_object = new Date(); 
var ts = Date.parse(year+'-'+month+'-'+day); 

// javascript dates are in miliseconds, 1 day = 86400 seconds, so... 
var thirty_days = 86400 * 1000 * 30; 
date_object.setTime(ts + thirty_days); 

は、マニュアルを参照してください