สอบถามการใช้ Localstorage RadioButton และ Option Select dropdown ครับ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา สอบถามการใช้ Localstorage RadioButton และ Option Select dropdown ครับ

สอบถามการใช้ Localstorage RadioButton และ Option Select dropdown ครับ
ผมต้องเซทตรงไหนเพิ่มครับ
ตอนเพิ่มข้อมูลแบบ localstorage ได้ปกตินะครับ
แต่ผมอยากให้มันโชว์ด้วยนะครับ
พอจะทราบไหมครับ ว่าต้องเซทตรงไหนเพิ่มครับ
ผมอยากให้มันโชว์ radio button กับ selectoption โชวืหลังจากที่เพิ่มข้อมูลไปแล้วนะครับ
ขอคำแนะนำด้วยนะครับ
ขอบคุนครับ

อันนี้คือ โคีดที่ดึงออกมาโชว์นะครับ
โค๊ดของหน้าโชว์ form นะครับ 
function load(){
                  var storedValue = localStorage.getItem('name1');
                  var value1 = localStorage.getItem('name2');
                  var value2 = localStorage.getItem('name3');
                  var value3 = localStorage.getItem('name4');
                  var value4 = localStorage.getItem('myselect'); /// selectoption
                  var value5 = localStorage.getItem('ck1'); // Radtio Button                
                  if(storedValue){
                      document.getElementById('n1').value = storedValue;
                  }
                  if(value1){
                      document.getElementById('n2').value = value1;
                  }
                  if(value2){
                      document.getElementById('n3').value = value2;
                  }
                  if(value3){
                      document.getElementById('n4').value = value3;
                  }
                  if(value4){
                      document.getElementById('myselect').value = value4;
                  }
                  if(value5){
                      document.getElementById('ck1').value = value5;
                  }
              }


Maxtri 125.26.75.xxx 23-11-2016 11:06:09

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ


  • ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1
ถ้าเป็น radio กับ checkbox ใช้ฟังก์ชั่นนี้ดู
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>

<form name="gendersForm">
  <input type="radio" name="gender" value="M" /> Man
  <input type="radio" name="gender" value="F" /> Woman
</form>
  
<script>

function whatcheck(name,val){
  var x = document.getElementsByName(name);
  var i;
  for (i = 0; i < x.length; i++) {
      if (x[i].type == "checkbox" || x[i].type == "radio") {
        if(val && x[i].value==val){
          x[i].checked = true;
        }
      }
  }  
}
whatcheck('gender','F');
  
  </script>  
</body>
</html>
 
ส่วน select option ใช้แบบ input text ทั่วไปแทนได้
 
ศึกษา jquery จะช่วยให้สามารถจัดการ dom ได้มากขึ้น


ninenik 180.183.131.xxx 23-11-2016






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ