jQuery วิธี Add option ให้ select box โดยดึงค่าจาก Array|สำหรับโปรแกรมเมอร์

jQuery วิธี Add option ให้ select box โดยดึงค่าจาก Array สร้างคำถาม

313 view หมวดหมู่ : สำหรับโปรแกรมเมอร์ วันที่สร้าง : 13/06/2017

ยกตัวอย่างเรามี select box ที่มี ID ชื่อ mySelect
เราสามารถ Add ค่า Option ให้กับ select box ด้วย jQuery ตามตัวอย่าง


var output = [];

selectValues = { "1": "test 1", "2": "test 2" };

$(document).ready(function(){

  $.each(selectValues, function(key, value) { 

      output.push('');

  });

  $('#mySelect').html(output.join(''));

});

ตัวอย่างนี้จะถ่ายค่า option ลงไปใน array ก่อนแล้วค่อยนำมา add เข้าไปใน html ของ combobox อีกที

ถ้าชอบบทความนี้ กด Like เลย :jQuery วิธี Add option ให้ select box โดยดึงค่าจาก Array
TAGS : Javascript Jquery Programming โปรแกรมมิ่ง
313 view หมวดหมู่ : สำหรับโปรแกรมเมอร์ วันที่สร้าง : 13/06/2017

SOA,Java,XSLT

ร่วมแสดงความคิดเห็นได้ที่นี่

เนื้อหาที่เกี่ยวช้อง

Oracle คำนวณ อายุ จากวันเกิด ถามเมื่อ (2016-06-05) 804 views (ดูล่าสุดเมื่อ 6 นาที)

datatable change label เปลี่ยนข้อความในจุดต่างๆ ของ datable ด้วย oLanguage ถามเมื่อ (2017-06-01) 312 views (ดูล่าสุดเมื่อ 10 นาที)

การเปลี่ยนแปลงระบบซอฟร์แวร์มีการเปลี่ยนแปลงกี่ครั้งและเปลี่ยนอย่างไร ถามเมื่อ (2011-09-20) 1,358 views (ดูล่าสุดเมื่อ 12 นาที)

Unix unzip ไฟล์ไว้ใน folder ถามเมื่อ (2016-07-27) 480 views (ดูล่าสุดเมื่อ 14 นาที)

แนะนำ Scala ภาษาที่ Run บน JVM ได้เหมือน Java ถามเมื่อ (2017-03-08) 8,633 views (ดูล่าสุดเมื่อ 16 นาที)

SVN ติดปัญหา org apache subversion javahl ClientException The working copy needs to be upgraded ถามเมื่อ (2016-07-21) 523 views (ดูล่าสุดเมื่อ 18 นาที)

Spring 4 เจอ error java lang ClassNotFoundException org springframework orm hibernate3 annotation AnnotationSessionFactoryBean ถามเมื่อ (2017-03-24) 652 views (ดูล่าสุดเมื่อ 23 นาที)

Ireport เทคนิคการทำแบบฟอร์มโดยใช้ Image Background เป็นแม่แบบ ถามเมื่อ (2018-12-18) 38 views (ดูล่าสุดเมื่อ 26 นาที)

NPM คืออะไร หาคำตอบได้ที่นี่ ถามเมื่อ (2015-09-30) 602 views (ดูล่าสุดเมื่อ 29 นาที)

appserv detected that old version กดตกลงแล้วค้าง ถามเมื่อ (2018-07-22) 110 views (ดูล่าสุดเมื่อ 29 นาที)