Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > ลิตบ๊อค ทำไง ครับ ที่กดอันนึงแล้วอีกอันนึงเปลี่ยนตาม

ลิตบ๊อค ทำไง ครับ ที่กดอันนึงแล้วอีกอันนึงเปลี่ยนตาม

เริ่มหัวข้อใหม่

Guest

ลิตบ๊อค ทำไง ครับ ที่กดอันนึงแล้วอีกอันนึงเปลี่ยนตาม เช่นถ้าอันแรกเป็น
1 ยี่ห้อ (tbl_brand)br_id(pk),br_name
2 รุ่น (tbl_model) mo_id,br_id(fk),mo_name

และที่สองก็เป็นรายการที่มีความสัมพันกันอ่ะ
ถ้าเลืก1 ก็เป็นยี่ห้อให้เลือก
และอันที่2จะเปงรุ่นที่เกียวข้องกันขึ้นมาแสดงอ่ะครับ แบบไม่ต้องรีเฟรช

ขอแบบป็นสเต๊บได้ไหมครับอยากเข้าใจอ่ะ
มันต้องดึงมาจากฐานข้อมูลทั้ง2ตัวนี่ซิ งง ม่ะรู้มันส่งค่าไปยังไง ม่ะเก็บที่ตัวแปรไรง่ะเซ็งจิง ถ้าทราบก็ช่วยๆกันหน่อยน่ะคับเพื่อการแบ่งปันความรู้

แบบนี้อ่ะพอได้คับ

<select name="province" onchange="window.location.href='<? echo $_SERVER['PHP_SELF']; ?>?province='+this.value;">
<option value="bangkok">Bangkok</option>
.
.
.
</select>
<select name="district">
<?
if(isset($_GET["province"]) && $_GET["province"] != ""){
//ทำการลิสต์รายชื่ออำเภอของแต่ละจังหวัดที่ตรงกับตัวแปร $_GET["province"]
}
?>
</select>

แต่มันรีเฟรช
แย่จัง

Tag : - - - -

Date : 7 ธ.ค. 2548 05:29:18

By : มด

View : 2530

Reply : 2

No. 1

Guest

อ่านแล้วอ่ะแต่ยังม่ะได้
ม่ะรู้ไรใส่ตรงไหน

แบบอธิบายเปงช๊อคกว่านี้ได้ม่ะ
เพราะมันส่งค่าเปง obj.value จะใส่ if หรือ while ให้เข้ากับฐานข้อมุลไงอ่ะครับ

รบกวนด้วยคนครับ

หลังจากที่ได้กล่าวถึงเรื่อง regular expressions ไปแล้วได้เข้าไปยังเว็บบอร์ดแห่งหนึ่ง(ไม่พาดพิงแล้วกันนะครับ) ได้พบคำถามเกี่ยวกับ การใช้ dynamic select item มีการเลือก select อันแรกแล้ว ให้ select อันที่สอง มีการเปลี่ยนแปลงสัมพันธ์กับ select อันแรก โดยตัวอย่างเช่น select อันแรกเป็นรายชื่อ list ของจังหวัด และ select อันที่สองต้องการให้มี list ของอำเภอในแต่ละจังหวัด จะเห็นว่าเราไม่สามารถเขียนให้ select อันที่สองเป็นแบบ static ได้เลยครับ เราจะมาดูกันว่าสามารถทำได้อย่างไร

มาดูรูปแบบของฟอร์มกัน

<form name="f">
<select name="select1" onchange="changeSelect2(this)">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
<select name="select2" disabled></select>
</form>

ที่นี้เรามาดู Javascript กันครับ
<script language="Javascript">
function changeSelect2(obj){
var theform = obj.form;
theform.select2.length = 0;
switch(obj.value){
case "1":
{
theform.select2.options[0] = new Option('1.1','1.1');
theform.select2.options[1] = new Option('1.2','1.2');
theform.select2.options[2] = new Option('1.3','1.3');
theform.select2.options[3] = new Option('1.4','1.4');
theform.select2.disabled = false;
}
break;

case "2":
{
theform.select2.options[0] = new Option('2.1','2.1');
theform.select2.options[1] = new Option('2.2','2.2');
theform.select2.options[2] = new Option('2.3','2.3');
theform.select2.options[3] = new Option('2.4','2.4');
theform.select2.disabled = false;
}
break;

case "3":
{
theform.select2.options[0] = new Option('3.1','3.1');
theform.select2.options[1] = new Option('3.2','3.2');
theform.select2.options[2] = new Option('3.3','3.3');
theform.select2.options[3] = new Option('3.4','3.4');
theform.select2.disabled = false;
}
break;
}
}
</script>

อธิบายครับ
จากโค๊ดข้างบนจะเห็นว่ามีเฉพาะ select1 เท่านั้นที่ทำการใส่ค่าเอาไว้ ส่วน select2 นั้นสร้างเอาไว้โดยไม่มีการใส่ค่าข้างใน และทำการ desabled เอาไว้ด้วย

ส่วนของ Javascript นั้น เมื่อมีการเปลี่ยนแปลงที่ select1 นั้นจะมีการเรียกฟังก์ชั่น changeSelect2 และมีการส่ง parameter เป็น object ของ select1 มาด้วย

การทำงานของฟังก์ชั่นนี้ จะเห็นว่ามีการประกาศตัวแปร theform โดยเป็น object ที่อ้างถึง form ที่ select1 อยู่ และมีการทำการอ้างถึงค่าที่ seelect1 ส่งมาโดยอ้างผ่าน obj ที่ผ่านส่งเป็น parameter ของฟังก์ชั่น พระเอกของระบบนี้คือการสร้าง object option ให้กับ select2 โดยเรียกใช้ constructor Option() โดย parameter ที่ต้องส่งให้มี 2 parameters ครับ มาดูตัวอย่าง การใช้งาน constructor นี้กัน

Option(string label,string value);

Paremeter :
label = เป็นตัวอักษรที่ต้องการให้โชว์ใน select
value = เป็นค่าของ option ที่ทำการสร้างขึ้น

หลังจากทำการสร้าง option ตามจำนวนที่ต้องการแล้วก็ทำการ enable select2 ด้วยการ set properties disabled ให้มีค่าเป็น false

มีผูใจดีส่งมาแต่ตรงที่ยังม่ะรุ้ทำไงอยู่ดีใครช่วยต่ออีกหน่อยซิ

Date : 7 ธ.ค. 2548 06:05:24

By : มด

No. 2

Guest

ถามเพิ่มเติมครับ
จากตัวอย่างที่ให้มา กรณีที่เราต้องการจะ Linkใน Sub ย่อย( ใช้ Button คลิก OK ไป ) ให้ไปในแต่ละ page ของ web จะต้องมีอะไรเพิ่มเติมอีกไหมครับ เช่น เลือก 1 แล้วไปเลือก 1.2 จะคลิก OK เพื่อให้ link ไป webpage 1.2 รบกวนแค่นี้ก่อนครับขอบคุณล่วงหน้าครับ -->> หรือ Mail มาบอกกันก็ได้ครับ

Date : 11 ธ.ค. 2548 08:37:40

By : Gogoh

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ลิตบ๊อค ทำไง ครับ ที่กดอันนึงแล้วอีกอันนึงเปลี่ยนตาม

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 01

Registered : 109,037

document.write("<font color=996600>[PHP]</font>"); ลิตบ๊อค ทำไง ครับ ที่กดอันนึงแล้วอีกอันนึงเปลี่ยนตาม

No. 1

No. 2

ค้นหาข้อมูล

อัพโหลดแทรกรูปภาพ

Notice

ลิตบ๊อค ทำไง ครับ ที่กดอันนึงแล้วอีกอันนึงเปลี่ยนตาม