「JavaScript」の版間の差分

提供: sha.ngri.la
移動先: 案内検索
(Sample)
(Sample)
42行目: 42行目:
  
 
<form id="sample1" class="form-horizontal">
 
<form id="sample1" class="form-horizontal">
<div class="control-group">
 
 
   <label class="control-label" for="sample1_1">sample1_1:</label>
 
   <label class="control-label" for="sample1_1">sample1_1:</label>
    <input type="text" name="sample1_1" onBlur="textmove()" >
+
  <input type="text" name="sample1_1" onBlur="textmove()" >
</div>
 
<div class="control-group">
 
 
   <label class="control-label" for="sample1_2">sample1_2:</label>
 
   <label class="control-label" for="sample1_2">sample1_2:</label>
   <div class="controls">
+
   <input type="text" name="sample1_2">
    <input type="text" name="sample1_2">
 
  </div>
 
</div>
 
 
</form>
 
</form>
 
</html>
 
</html>

2015年4月10日 (金) 16:00時点における版


JavaScriptを使った際のメモ

イベントハンドラ

onBlur
ページやフォーム要素からフォーカスが外れた時に発生
onLoad
ページや画像を読み込んだときに発生

formの要素にアクセスする

formidform_idform内の、idfield_idに入力された値を変数textに代入する。

var text = document.forms.form_id.elements.field_id.value;

formidform_idform内の、idfield_idに、変数textの値を入力する。

var text = "sample text";
document.forms.form_id.elements.field_id.value = text;

formidを得る。

var formid = document.forms[0].id

formidが代入されたfromidを利用してformの要素にアクセスしたい場合は、

document.forms[formid].elements.member_lat.value;

Sample