อยากจะถามวิธีใส่คำ กับ ค่าตัวแปรที่กรอกให้แสดงใกล้ๆกัน=.=

กระทู้คำถาม

HTML5 JavaScript HTML AJAX PHP

<html lang="en" dir="ltr">
  <meta charset="utf-8">
    <script type="text/javascript">
    </script>
    <style media="screen">
    .WP1{
      width: 50%;
      height:12%;
      background:#4D4D4D;
      border: 3px black solid;
      padding-Top: 32px;
    }

    .WP2{<?php //ฟื้นหลังหัวข้อ ?>
      width:50%;
      height: 70%;
      background:#797979;
      border: 3px black solid;}
    .CH1{<?php //หัวข้อ ?>
      padding-top: 24px;
      padding-left: 12px;
      font-size: 26px;

    }
    .padding1{<?php //หัวช้อตรง id ?>
      padding-left: 16px;
      padding-right: 12px;
    }
    .padding2{
      padding-left: 16px;

    }
    .pdtop{
      padding-top:12px;

    }
    .textid{
      border: 3px black solid;
    }
    .padbuton{
      padding-left: 4px;
      padding-right: 4px;
      padding-top: 2px;
      padding-bottom: 2px
    }
    </style>
    <script type="text/javascript">
    function () {
      var

    }

    </script>
<div class="WP1">&nbsp&nbsp&nbsp&nbsp
<label class="CH1">ข้อมูล ลูกค้า</label>
&nbsp&nbsp&nbsp&nbsp
</div></div>
<div class="WP2"><br>
<B class="padding1">ID
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp:</B>
<input class="textid"type="text" name="ids1" id="ids1" value="">
<br><br>
<B class="padding1">NAME&nbsp&nbsp:</B>
<input class="textid"type="text" name="name1" id="name1"value="">
<br><br>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
<input class="padbuton"type="button" onclick="saveID1()" name="" value="บันทึก ID1"style="border:3px black solid"/>
<input class="padbuton"type="button" onclick="LoadID1()" name="" value="โชว์ ID1"style="border:3px black solid"/><br><br>
<script type="text/javascript">
  function saveID1() {
    var SD1 = ids1.value;
    var LD1 = ids1.value;
  }
  function LoadID1() {
    var SD1 = ids1.value;
    var LD1 = ids1.value;
    document.getElementById('show1').innerHTML = '<img src="peple2.png"/>'
    document.getElementById('show2').innerHTML = LD1; <<-- ตรงนี้
  }
</script>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
<input class="padbuton"type="button" onclick="saveID2()" name="" value="บันทึก ID2"style="border:3px black solid"/>
<input class="padbuton"type="button" onclick="LoadID2()" name="" value="โชว์ ID2"style="border:3px black solid"/><br><br>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
<input class="padbuton"type="button" onclick="saveID3()" name="" value="บันทึก ID3"style="border:3px black solid"/>
<input class="padbuton"type="button" onclick="LoadID3()" name="" value="โชว์ID3"style="border:3px black solid"/>
<div>  </div><br>
<div id="show1">
  &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
  &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
  &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
</div><br>

<div id="show2">
</div><br>
<div></div><br>
<div>  </div><br>
</div>
</div>
</html>
อยากใส่คำก่อนหน้านั้นควรทำไงดีฮ๋ะ=.=
ลอง  document.getElementById('show2').innerHTML = 'ID '.LD1;
มันก่อไม่ได้ควรทำอย่างไรดีฮ่ะ=.=''