[javascript]画像をクリックしてinputタグのvalueを変更する

320_IMG_0479_150

画像や文字をクリックすると、inputタグの中のValueを変更するというサンプルプログラムを作りました。
とりあえず、参考までに。。
 
 
 
 

Javascript

 

<script type="text/javascript">
<!--
	function changeTextValue(value) {
		document.getElementById('test').value=value;
	}
// -->	
</script>

HTML

 

<a onClick="changeTextValue('快晴の新宿')" ><img src="http://mgate.info/wp/wp-content/uploads/2013/12/BahE7HWCYAAvaLi.jpg" alt="快晴の新宿" height="150px"/></a>
<a onClick="changeTextValue('雪の新宿')" ><img src="http://mgate.info/wp/wp-content/uploads/2014/02/20140214_Shinjyuku.jpg" alt="雨の新宿" width="150px"/></a>

<input type="text" id="test" name="test" value=""  />
Pocket
LINEで送る

  1. コメントはまだありません。

  1. トラックバックはまだありません。

CAPTCHA