「JavaScript」の版間の差分
提供: sha.ngri.la
細 (→イベントハンドラ) |
細 (→formの要素にアクセスする) |
||
| 31行目: | 31行目: | ||
document.forms[formid].elements.member_lat.value; | document.forms[formid].elements.member_lat.value; | ||
</pre> | </pre> | ||
| + | ===Sample=== | ||
| + | <html> | ||
| + | <script type="text/javascript"> | ||
| + | function textmove() { | ||
| + | var text = document.forms.sample1.elements.sample1_1.value; | ||
| + | document.forms.sample1.elements.sample1_2.value = text; | ||
| + | } | ||
| + | </script> | ||
| + | |||
| + | |||
| + | <form id="sample1" class="form-horizontal"> | ||
| + | <div class="control-group"> | ||
| + | <label class="control-label" for="sample1_1">sample1_1:</label> | ||
| + | <div class="controls"> | ||
| + | <input type="text" name="sample1_1" onBlur="textmove()" > | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="control-group"> | ||
| + | <label class="control-label" for="sample1_2">sample1_2:</label> | ||
| + | <div class="controls"> | ||
| + | <input type="text" name="sample1_2"> | ||
| + | </div> | ||
| + | </div> | ||
| + | </form> | ||
| + | </html> | ||
[[Category:JavaScript]] | [[Category:JavaScript]] | ||
{{googlead}} | {{googlead}} | ||
2015年4月10日 (金) 15:58時点における版
JavaScriptを使った際のメモ
イベントハンドラ
- onBlur
- ページやフォーム要素からフォーカスが外れた時に発生
- onLoad
- ページや画像を読み込んだときに発生
formの要素にアクセスする
formのidがform_idのform内の、idがfield_idに入力された値を変数textに代入する。
var text = document.forms.form_id.elements.field_id.value;
formのidがform_idのform内の、idがfield_idに、変数textの値を入力する。
var text = "sample text"; document.forms.form_id.elements.field_id.value = text;
formのidを得る。
var formid = document.forms[0].id
formのidが代入されたfromidを利用してformの要素にアクセスしたい場合は、
document.forms[formid].elements.member_lat.value;
Sample