|
|
|
jquery มี select 1 อัน มีค่า 1,2,3,4 และก็มี textbox 1 อัน |
|
|
|
|
|
|
|
jquery มี select 1 อัน มีค่า 1,2,3,4 และก็มี textbox 1 อัน
ซ่อน textbox ไว้
เมื่อผู้ใช้งานเลือก select
เท่ากับค่า 1 ให้ไม่ต้องทำอะไร
เท่ากับค่า 2 ให้ไม่ต้องทำอะไร
เท่ากับค่า 3 ให้ไม่ต้องทำอะไร
เท่ากับค่า 4 ให้โชว์ textbox
ต่อไป
ผู้ใช้เลือก select ได้ค่า 1,2,3
ให้ textbox ซ่อนไว้
ผมเขียนได้แค่นี้ช่วยทีครับ มือใหม่
Code (PHP)
$(document).ready(function(){
$('tr#ss').hide();
$('#selecitem').change(function(){
$('tr#ss').show();
});
});
Tag : PHP, MySQL, JavaScript, VBScript, Ajax, jQuery
|
|
|
|
|
|
Date :
2014-12-07 13:58:26 |
By :
copyringht |
View :
1022 |
Reply :
7 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
อันนี้ถือว่าง่ายมากครับ ขอไม่ให้โค้ดนะครับ อยากให้คิดเองทำเองให้ได้
แนวทางคือ เมื่อเกิด event change ต้องอ่านค่าของ select ออกมาก่อน
แล้วใช้ if หรือ switch เช็คว่าค่าเป็นตามที่กำหนดหรือไม่ แล้วค่อย show หรือ hide textbox ครับ
สมมติว่าคุณแข่งอยู่ในรายการ the voice ถ้าทำอันนี้ไม่ได้ ก็คงไม่ได้ไปต่อครับ
|
|
|
|
|
Date :
2014-12-07 14:16:06 |
By :
phpinfo() |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
จะดึงค่าออกมายังไงอะครับ select value แต่นี้ผมก็ได้แล้วครับขอบคุณครับ ได้แบบ งง - -
Code (PHP)
$(document).ready(function(){
$('tr#ss').hide();
$('select#selecitem').change(function(){
if($(this).val() == "1"){$('tr#ss').hide();}
if($(this).val() == "2"){$('tr#ss').hide();}
if($(this).val() == "3"){$('tr#ss').hide();}
if($(this).val() == "4"){$('tr#ss').show();}
});
});
|
ประวัติการแก้ไข 2014-12-07 14:31:57
|
|
|
|
Date :
2014-12-07 14:28:58 |
By :
copyringht |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
บอกแล้วครับว่าไม่ยาก
แต่ควรปรับปรุงนิดนึง เราสามารถอ่านค่าแค่ครั้งเดียว ไม่ต้องเรียก .val() บ่อยๆ
Code (JavaScript)
$(document).ready(function(){
$('tr#ss').hide();
$('select#selecitem').change(function(){
var value = $(this).val(); // เก็บไว้ในตัวแปรก่อน
if(value == "1"){$('tr#ss').hide();}
if(value == "2"){$('tr#ss').hide();}
if(value == "3"){$('tr#ss').hide();}
if(value == "4"){$('tr#ss').show();}
});
});
แล้วอยากให้ลองเขียนโจทย์นี้โดยใช้ switch ครับ ลองค้นหาและศึกษาดู เพราะมันเหมาะกว่ามาก
|
|
|
|
|
Date :
2014-12-07 14:40:37 |
By :
phpinfo() |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ลองดูครับ
|
|
|
|
|
Date :
2014-12-07 14:49:20 |
By :
itpcc |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณครับพี่ๆ สำหรับเทคนิคต่างๆ ผมก็คงต้องค่อยๆเก็บ และศึกษาไปเรื่อยๆ มือใหม่มากสำหรับ jquery
|
|
|
|
|
Date :
2014-12-07 15:12:54 |
By :
copyringht |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณครับพี่
|
|
|
|
|
Date :
2014-12-12 22:53:02 |
By :
copyringht |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 05
|