---

onSelect

onSelectイベントハンドラーは<textarea>タグを選択した時にJavaスクリプトコードを実行します。

	
	
	<font size=1>左側のテキスト内容を選択すると右側に答が表示されます。
	<form method="post" name="Sample">
	<input name="num" size="9" onselect="calculate(this.form, this)" value="1111111111"> ÷ ９ ＝
	<input name="ans" size="9"><font>
	</form>

	<script>
	function calculate(form, val){
	in_val=form.num.value
	out_val=in_val /9;
	form.ans.value=out_val;}
	</script>
		
	

左側のテキスト内容を選択すると右側に答が表示されます。 ÷ ９ ＝

	
	
	<form name="theForm">
	<font size=1>何かメッセージを書いて選択すると、その内容が別のページへ表示されます。<p>
	<textarea name="Messege" rows=4 cols=40 onSelect="hyouji()">
	</textarea><font>
	</form>

	<script>
	function hyouji(){
	document.write("<br><blockquote><font size=2>あなたが書いて選択したメッセージは｢"<b>" + document.theForm.Message.value +
		"</b>｣です。</font><p>");
	document.write("<a href='onselect.html'><img src='../../images/1button.gif' border=0 alt='onSelect'></a>
		</blockquote>");}
	</script>
		
	

何かメッセージを書いて選択すると、その内容が別のページへ表示されます。

---

イベントハンドラーとなっているもの selectオブジェクト

関連したイベントハンドラー onSubmit

---