JavaScript 基礎-値の取得と表示(値を取得しテーブルに表示など)

WEB
FROG ふろっぐ
 
  • オプション

    本文印刷

    お気に入りに追加

  • 検索

    Googlewwwjp-ia
     

    Googlewwwjp-ia
     
  • 情報

  • 関連

[WEB][JavaScript 基礎-値の取得と表示(値を取得しテーブルに表示など)]
name="〜〜"から取得表示
  • 取得値inputが<form name="value_A">〜</form>内にある事が条件です。
  • <input name="data_A" 〜>を通してます。
  • 表示値inputが<form name="value_A">〜</form>内にある事が条件です。
  • <input name="data_B" 〜>を通してます。
取得値 表示値
<script language="javascript" type="text/javascript">
<!--
 function kaisi1()
 {

 var a = document.value_A.data_A.value;
         document.value_A.data_B.value=a;

 }
// -->
</script>
id="〜〜"から取得表示
  • <form>〜</form>は必要ありません。
取得値 表示値
<script language="javascript" type="text/javascript">
<!--
 function kaisi2()
 {
 // HtmlDocument クラス - GetElementById メソッド
 var a = document.getElementById("dtA").value;
         document.getElementById("dtB").value=a;

 }
// -->
</script>
ファイル情報から取得し新しいページに表示
  • <input>〜は必要ありません。
<script type="text/javascript">
<!--
 function kaisi3()
 {
 var a = document.fileModifiedDate
 document.write("本ページの更新日は " + a + " です。");
 }
// -->
</script>
閲覧者のPC情報から取得しメッセージボックス(ダイアログ・アラート)に表示
  • <input>〜は必要ありません。
<script type="text/javascript">
<!--
 function kaisi4()
 {
 var a = window.navigator.platform
 // <script>〜</script> の間では window. を省略可能
 // "\r\n"は改行
 window.alert("使用PCは " + "\r\n" + a + "\r\n"+ " ですね!");
 }
// -->
</script>
閲覧者から取得し確認メッセージボックス(ダイアログ・アラート)に表示
  • <input>〜は必要ありません。
<script type="text/javascript">
<!--
 function kaisi5()
 {
 // <script>〜</script> の間では window. を省略可能
 var a = window.prompt("あなたの年齢は?", "105") // cancel=null
 var b = window.confirm(a +" 歳でよろしいですか?") // yes=true no=false
 }
// -->
</script>
  • window.showModalDialog(url [, a [, option]])
  • window.showModelessDialog(url [, a [, option]])
  • window.dialogArguments
  • window.dialogHeight
  • window.dialogWidth
  • window.dialogLeft
  • window.dialogTop
  • window.returnValue
<input>から取得し<table>に表示
  • <form>〜</form>は必要ありません。
取得値A 取得値B
表示
id="table_51_01" ここに id="table_51_02" ここに
 onclick="kaisi6(引数51を設置)"
<script language="javascript" type="text/javascript">
<!--
 function kaisi6(objname)
 {
 var a =document.getElementById("tbA").value
 var b =document.getElementById("tbB").value
  document.getElementById("table_" + objname + "_01").innerText = a
  document.getElementById("table_" + objname + "_02").innerText = b
 }
-->
</script>
<table>から取得し<table>に表示
  • <form>〜</form>は必要ありません。
取得値
表示
西
 onclick="kaisi7(7)"
<tr>
<td id="table_7_11" colspan="4">取得値</td>
</tr>
<tr>
<td id="table_7_21" align="center">春</td>
<td id="table_7_22" align="center">夏</td>
<td id="table_7_23" align="center">秋</td>
<td id="table_7_24" align="center">冬</td>
</tr>
<tr>
<td id="table_7_31" colspan="4">表示</td>
</tr>
<tr>
<td id="table_7_41" align="center">東</td>
<td id="table_7_42" align="center">西</td>
<td id="table_7_43" align="center">南</td>
<td id="table_7_44" align="center">北</td>
</tr>
<script language="javascript" type="text/javascript">
 {
 var x =2
 var a =document.getElementById("table_" + idno+ "_" + x +"1").innerText
 var b =document.getElementById("table_" + idno+ "_" + x +"2").innerText
 var c =document.getElementById("table_" + idno+ "_" + x +"3").innerText
 var d =document.getElementById("table_" + idno+ "_" + x +"4").innerText
 var x =4
  document.getElementById("table_" + idno+ "_" + x +"1").innerText = a
  document.getElementById("table_" + idno+ "_" + x +"2").innerText = b
  document.getElementById("table_" + idno+ "_" + x +"3").innerText = c
  document.getElementById("table_" + idno+ "_" + x +"4").innerText = d
 }
</script>





Production Japan Import Application. Since 1998