1. สร้าง listbox สำหรับเป็นรายการเพื่อเลือก
โค้ด: เลือกทั้งหมด
<select id="package" name="package_id" class="select"> // id เป็นตัวกำกับ เพื่อส่งค่าให้กับ JQuery
<option value="2">1 ปี price 500.00</option>
<option value="3">3 ปี price 1200.00</option>
<option value="4">นักศึกษา price 1500.00</option>
<option value="5">5 ปี price 2000.00</option>
</select>
โค้ด: เลือกทั้งหมด
<dl id="cars"> // id เป็นตัวกำกับ เพื่อส่งค่าให้กับ JQuery
<dt ><label for="">รูปบัตรนิสิต</label></dt>
<dd>
<input type="file" name="image_studen" accept="image/*" ><br>
</dd>
</dl>
โค้ด: เลือกทั้งหมด
$('#cars').hide(); //ซ่อนการแสดงผล ของ ช่องกรอกข้อมูล โดยใช่ id เป็นตัวกำกับ
$("#package").change(function () { //ตรวจสอบว่า listbox มีการเปลี่ยนแปลงรายการหรือไหม โดยใช่ id เป็นตัวกำกับ
var txt = $("#package").val(); // สร้างตีัวแปร เพื่อรับค่า value จาก listbox
if (txt == 4) { //ตรวจสอบค่าที่ได้มานั้น มีค่าตรงกำกับที่กำหนดหรอไม
$('#cars').show(); //ถ้าหากใช้ แสดงผล ของ ช่องกรอกข้อมูล โดยใช่ id เป็นตัวกำกับ
} else { //ถ้าหากไม่ใช้
$('#cars').hide(); //ซ่อนการแสดงผล ของ ช่องกรอกข้อมูล โดยใช่ id เป็นตัวกำกับ
}
});
ผลลัพธ์
1.ก่อนการเลือกรายการ
2.หลังเลือกรายการ
บทความที่เกี่ยวข้อง
การใส่ค่าในช่อง input ด้วย javascript เพื่อจะได้มีค่าอยู่ใน textbox
ทำเอฟเฟค ตอนกดปุ่ม
คำสั่งจัดการฐานข้อมูล MySQL