|
|
|
พอดีหัดเขียน php ครับ คือผมอยาก เลือก DropDownList แล้ว โชว์ข้อความ ใน tag <DIV>xxxx</div> โดย switch case ผมทำไม่ถูกอะ ช่วยแนะนำหน่อยครับ |
|
|
|
|
|
|
|
Code (PHP)
<?php error_reporting(0); ?>
<form action="?" method="post" name="input" >
Search:
<select name="dropdown" value="options">
<option value"index">Choose an option</option>
<option value="zone 1">เขตพื้นที่ 1 ประกอบด้วยจังหวัดนครราชสีมา ให้บริการ 6 พื้นที่</option>
<option value="zone 2">เขตพื้นที่ 2 ประกอบด้วย 4 จังหวัด</option>
<option value="zone 3">เขตพื้นที่ 3 ประกอบด้วย 6 จังหวัด</option>
<option value="zone 4">เขตพื้นที่ 4 ประกอบด้วย 3 จังหหวัด</option>
<option value="zone 5">เขตพื้นที่ 5 ประกอบด้วย 63 จังหวัด</option>
</SELECT>
<br />
<input type="submit" value="ตกลง" />
<div>
<?php
switch ($_POST['dropdown'])
{
case "zone 1":
echo "คุณเลือก Zone 1";
break;
case "zone 2":
echo "คุณเลือก Zone 2";
break;
case "zone 3":
echo "คุณเลือก Zone 3";
break;
case "zone 4":
echo "คุณเลือก Zone 4";
break;
case "zone 5":
echo "คุณเลือก Zone 5";
break;
default:
echo "โปรดเลือกรายการ เขตพื้นที่ ที่ต้องการจัดส่ง";
}
?>
</div>
|
|
|
|
|
Date :
2013-09-09 12:02:09 |
By :
Ex-[S]i[L]e[N]t |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Code (PHP)
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$('document').ready(function () {
$('#ddl').change(function () {
//alert($(this).val());
if ($(this).val() != '') {
$('#result').html('คุณเลือก ' + $(this).val());
} else {
$('#result').html('');
}
});
});
</script>
<select name="ddl" id="ddl">
<option value="">select one</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
<div id="result"></div>
|
|
|
|
|
Date :
2013-09-09 12:03:24 |
By :
mangkunzo |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณครับ แต่ยังไม่ตรงเป้าหมาย คือ ผมอยากให้เลือกแล้วโชวข้อมูลเลย ไม่ต้องกดปุ่มอะไรเพิ่ม นะครับ พอจะมีทางไหม ?
|
|
|
|
|
Date :
2013-09-09 16:33:18 |
By :
chowarin |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Code (PHP)
<?php
$text = $_REQUEST['input'];
$drop = $_REQUEST['dropdown'];
?>
<form action="tests.php" method="post" name="input" >
Search:
<select name="dropdown" value="options" onselect="document.getElementsByName('input').submit()">
<option value"index">Choose an option</option>
<option value="zone 1">เขตพื้นที่ 1 ประกอบด้วยจังหวัดนครราชสีมา ให้บริการ 6 พื้นที่</option>
<option value="zone 2">เขตพื้นที่ 2 ประกอบด้วย 4 จังหวัด</option>
<option value="zone 3">เขตพื้นที่ 3 ประกอบด้วย 6 จังหวัด</option>
<option value="zone 4">เขตพื้นที่ 4 ประกอบด้วย 3 จังหหวัด</option>
<option value="zone 5">เขตพื้นที่ 5 ประกอบด้วย 63 จังหวัด</option>
</SELECT>
<br />
<div>
<?php
switch ($text)
{
case "zone 1":
echo "คุณเลือก Zone 1";
break;
case "zone 2":
echo "คุณเลือก Zone 2";
break;
case "zone 3":
echo "คุณเลือก Zone 3";
break;
case "zone 4":
echo "คุณเลือก Zone 4";
break;
case "zone 5":
echo "คุณเลือก Zone 5";
break;
default:
echo "โปรดเลือกรายการ เขตพื้นที่ ที่ต้องการจัดส่ง";
}
?>
|
|
|
|
|
Date :
2013-09-09 16:57:34 |
By :
itpcc |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Code (PHP)
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Search:
<select id="dropdown">
<option value="">กรุณาเลือกเขตพื้นที่</option>
<option value="zone 1">เขตพื้นที่ 1 ประกอบด้วยจังหวัดนครราชสีมา ให้บริการ 6 พื้นที่</option>
<option value="zone 2">เขตพื้นที่ 2 ประกอบด้วย 4 จังหวัด</option>
<option value="zone 3">เขตพื้นที่ 3 ประกอบด้วย 6 จังหวัด</option>
<option value="zone 4">เขตพื้นที่ 4 ประกอบด้วย 3 จังหหวัด</option>
<option value="zone 5">เขตพื้นที่ 5 ประกอบด้วย 63 จังหวัด</option>
</select>
<div id="detail">
โปรดเลือกรายการ เขตพื้นที่ ที่ต้องการจัดส่ง
</div>
<script src="admin/bootstrap/js/jquery-1.10.2.min.js"></script> // download file vr 1.10.2 http://jquery.com/
<script>
$(function(){
$('#dropdown').change(function(){
var val=$(this).val(); // เก็บค่าตัวแปร อ้างอิงจาก id
$('#detail').empty(); // div ให้เป็นค่าว่าง
if(val==''){
$('#detail').text('กรุณาเลือกเขตพื้นที่');
}else{
$('#detail').text('คุณเลือก '+val);
}
});
});
</script>
|
|
|
|
|
Date :
2013-09-09 17:14:14 |
By :
Ex-[S]i[L]e[N]t |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ยังครับ เพราะไม่ได้เพิ่มไฟล์ jquery อย่ากให้มีไฟล์เดียวหน้าเดียว แบบ ง่าย ๆ ไม่ต้องยุ่งยากครับ
|
|
|
|
|
Date :
2013-09-09 18:03:28 |
By :
chowarin |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ลองทำตาม no.2 แล้วครั้บ ใช้ได้ได้เลยครับ ขอบคุณครับ
|
|
|
|
|
Date :
2013-09-13 08:18:57 |
By :
chowarin |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 03
|