เก็บ Value, Text จาก listbox ด้วย jQuery

วิธีเก็บค่าจาก listbox ที่เราทำการเลือกเพื่อส่งค่าต่างๆไปเก็บยังฐานข้อมูลด้วย jQuery เป็นวิธีที่ค่อน ข้างง่ายสะดวก ผมว่างั้นนะ เก็บได้ทั้ง Value และ Text ของ Listbox ....

รูปแบบ

test1

จากรูปแบบด้านบน
เราจะเก็บ value จาก Listbox ด้วย jQuery จากโค้ดนี้

$('#select').val();

เราจะเก็บ Text จาก Listbox ด้วย jQuery จากโค้ดนี้

$('#select :selected').text();

ตัวอย่างเก็บ Value
jQuery

$(function(){
$('#valuesubmit').click(function(){
    var values = $('#selectvalue').val();
       alert('value = '+values);
    });  
});

Html

test1
test2
test3

ทดสอบ

test1test2test3

ตัวอย่างเก็บ Text
jQuery

$(function(){
$('#textsubmit').click(function(){
    var text = $('#selecttext :selected').text();
       alert('Text = '+text);
    });
});

Html

test1
test2
test3

ทดสอบ

test1test2test3

บทความนี้ก็จบเพียงเท่านี้ ผิดพลาดยังไงขออภัยด้วยครับ .....