jQuery กรอกค่าText และแสดงผล แบบ Realime !!

Ecemple

ทดลองกรอกค่าใน ฟิลด์ text ที่นี่
แสดงผล -->

เตรียมไฟล์

หากต้องการให้กรอกค่าแล้ว แสดงผล แบบ On Time !! ง่ายนิดเดียวค่ะ ใช้เพียงแค่ 2 ไฟล์

1. html สำหรับฟิวด์ที่ต้องการดักค่า
2. js สำหรับใส่ฟังก์ชั่นนี้

วิธีทำ

1. สร้าง ฟิวด์ html ดังนี้ค่ะ จุดสำคัญคือ id="test" และ id="show"

<input class="input" id="test" name="test" type="text" />
<div class="show" id="show"></div>

2. ใส่โค้ด js ดังนี้ค่ะ

<script language="javascript">
  var check_input = $('#test:checked').val();
  $('#show').html(check_input );
  $( "#test" ).keyup(function() {
     var check_input = $('#test').val();
     $('#show').html(check_input);
  });
</script>

ง่ายนิดเดียวใช่ไหมคะ หากต้องการข้อมูลเพิ่มเติม หรือให้คำปรึกษาโปรเจคจบฟรี !! อย่าติดตาม fanpage นะคะ ปรึกษาโปรเจคจบฟรี !!