(JavaScript)ドロップダウンメニューを作り関数を呼び出す。

<!DOCTYPE html>
<html lang="ja">
<head>
	<title>ドロップダウンメニュー入力</title>

	<!--スタイルシートで<h1>タグに色をつける-->
	<style type="text/css">
		h1{background-color: #99cc33}
	</style>

	<!--JavaScriptの記述-->
	<script type="text/javascript">
		//購入ボタンを押すと呼び出されるdisplay関数を定義する。
		function display()
		{
			//フォーム(info)のドロップダウンメニュー(product)の内容を取得
			var pd = info.product.value;
			//アラート画面に表示
			window.alert(pd + "をお買い上げです。");
		}	
	</script>
</head>
<body>
	<h1>商品</h1>
	<!--フォームの作成-->
	<form name="info">

	<!--ドロップダウンメニューの作成-->
	<select name="product">
		<option value="テレビ">テレビ</option>
		<option value="洗濯機">洗濯機</option>
		<option value="アイロン">アイロン</option>
	</select>
	
	<!--購入ボタンの作成。ボタンを押すとdisplay関数が呼び出されてアラート画面がでる。-->
	<input type="button" value="購入" onclick="display()">
	</form>
</body>
</html>

<!DOCTYPE html>

<head>

<title>ドロップダウンメニュー入力</title>

h1{background-color: #99cc33}

</style>

//購入ボタンを押すと呼び出されるdisplay関数を定義する。

function display()

{

//フォーム(info)のドロップダウンメニュー(product)の内容を取得

var pd = info.product.value;

//アラート画面に表示

window.alert(pd + "をお買い上げです。");

}

</script>

</head>

<body>

</select>

</form>

</body>

</html>

(JavaScript)ドロップダウンメニューを作り関数を呼び出す。

言語

お勧め

リンク

カテゴリー

メタ情報