セレクトオブジェクトを使って新しいウィンドウの背景色を指定する

指定した背景色で新しいウィンドウを開く。
実行結果

背景色

ヘッダ部分
<SCRIPT LANGUAGE="JavaScript">
var newWindow = null
function openWindow(form)	{
	newWindow = window.open("","","HEIGHT=20,WIDTH=15")
	newWindow.document.write("<HTML><BODY BGCOLOR=" + form.color_select.options[form.color_select.options.selectedIndex].text + ">")
	newWindow.document.write("</BODY></HTML>")
	newWindow.document.close()
}

function closeWindow()	{
	newWindow.close()
}
</SCRIPT>

ボディ部分 <FORM> 背景色 <SELECT NAME="color_select"> <OPTION SELECTED>blue <OPTION>orange <OPTION>red <OPTION>yellow <OPTION>darkgreen </SELECT> <INPUT TYPE="button" NAME="open" VALUE="open" onClick="openWindow(this.form)"> <INPUT TYPE="button" NAME="close" VALUE="close" onClick="closeWindow()"> </FORM>