สอบถามการใช้ 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

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

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

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

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

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

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

ความคิดเห็นที่ 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

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน