|
|
|
สอบถามเกี่ยวกับ เลือก select box value ที่ต้องการแล้วสามารถใส่ค่าให้กรอกข้อมูลใน textbox ครับ |
|
|
|
|
|
|
|
จากcode คือตอนนี้ผมจะมี selecte box 2 ช่องโดย ทั้ง2 ช่องจะดึงข้อมูลมาจาก DB โดยที่ช่องที่ 2 จะเลือกได้ก็ต้องเลือกช่องที่ 1 ก่อน แต่พอตอนนี้ผมอยากได้เพิ่มคือ selecte ช่องที่ 2 ผมอยากให้เพิ่ม option value = other เข้าไปแล้ว ถ้าเลือก other จะมีช่อง textbox เพิ่มขึ้นมาให้กรอกข้อมูลอะครับ
หน้า dropdown.php
Code (PHP)
Code (Java)
echo "<form name=sel>";
echo "จังหวัด : <font id=job_type><select onkeypress='return handleEnter(this, event)' >";
echo "<option value='0'>--------------------</option>" ;
echo "</select></font><br><br><br>";
echo "ตำบล : <font id=task_name><select onkeypress='return handleEnter(this, event)' >";
echo "<option value='0' diable>--------------------</option> " ;
echo "</select></font>";
?>
<script language=Javascript>
function Inint_AJAX() {
try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) {} //IE
try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {} //IE
try { return new XMLHttpRequest(); } catch(e) {} //Native Javascript
alert("XMLHttpRequest not supported");
return null;
};
function dochange(src, val) {
var req = Inint_AJAX();
req.onreadystatechange = function () {
if (req.readyState==4) {
if (req.status==200) {
document.getElementById(src).innerHTML=req.responseText; //รับค่ากลับมา
}
}
};
req.open("GET", "mysql_list_location.php?data="+src+"&val="+val); //สร้าง connection
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=tis-620"); // set Header
req.send(null); //ส่งค่า
}
window.onLoad=dochange('job_type', -1);
</script>
หน้า mysql_list_location.php
Code (PHP)
<?php
include"Connect.php";
//กำหนดให้ IE อ่าน page นี้ทุกครั้ง ไม่ไปเอาจาก cache lklkk
header ("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header ("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header ("Cache-Control: no-cache, must-revalidate");
header ("Pragma: no-cache");
header("content-type: application/x-javascript; charset=utf-8");
$data=$_GET['data'];
$val=$_GET['val'];
//ค่ากำหนดของ ฐานข้อมูล
if ($data=='job_type') {
echo "<select name='job_type' style='width:155px' onChange=\"dochange('task_name', this.value)\" onkeypress='return handleEnter(this, event)' >";
echo "<option value='' >--- เลือก Job Type ---</option> " ;
$strSQL = "SELECT * FROM `job_type` order by job_name ";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
while($objResult = mysql_fetch_array($objQuery)){
echo "<option value='$objResult[job_name]' >$objResult[job_name]</option> " ;
}
echo "</select>\n";
}else if ($data=='task_name') {
echo "<select name='task_name' onChange=\"dochange('qlocate', this.value)\" onkeypress='return handleEnter(this, event)' >";
echo "<option value='' >--- เลือก Task Detail ---</option> " ;
$strSQL = " SELECT task_name
FROM task_detail
WHERE (job_type ='$val')
ORDER BY task_name ";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
while($objResult = mysql_fetch_array($objQuery)){
echo "<option value='$objResult[task_name]' >$objResult[task_name]</option> " ;
}
echo "</select>\n";
}
?>
Tag : PHP, JavaScript
|
ประวัติการแก้ไข 2014-06-26 14:14:31
|
|
|
|
|
Date :
2014-06-26 10:46:39 |
By :
wahahaboy |
View :
2123 |
Reply :
14 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
echo "ตำบล : <font id=task_name><select onkeypress='return handleEnter(this, event)' ".
" onchange='document.getElementById('nameTextBox').disabled=this.value==\'Other\';' ".
" >";
echo "<option value='0' diable>--------------------</option> " ;
echo "</select></font>";
|
|
|
|
|
Date :
2014-06-26 10:57:35 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ลองดูน่ะครับ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
<title>https://www.thaicreate.com/php/forum/109493.html ,http://www.ninenik.com/forum_view_1115_1.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Generator" content="EditPlus®" />
<meta name="Author" content="" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<style type="text/css">
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("select[name='category']").change(function(){
var attr = $("option:selected",this).attr('require');
//alert(attr);
if (typeof attr !== typeof undefined && attr !== false && attr !== ''){
$("select[name='"+attr+"']").css('visibility','visible');
}else{
$("select[name='sub_cat1']").css('visibility','hidden');
$("#txthidden").css('visibility','hidden');
}
});
$("select[name='sub_cat1']").change(function(){
if($("option:selected",this).val() == 'other'){
$("#txthidden").css('visibility','visible');
}else{
$("#txthidden").css('visibility','hidden');
}
});
});
</script>
</head>
<body>
<select name="category">
<option value="">please choose</option>
<option value="1" require="sub_cat1">เสื้อ</option>
<option value="2">กางเกง</option>
<option value="3">รองเท้า</option>
</select>
<select name="sub_cat1" style='visibility:hidden;'>
<option value="1">เสื้อแขนยาว</option>
<option value="2">เสื้อแขนสั้น</option>
<option value="3">เสื้อยีน</option>
<option value="other">อื่นๆ</option>
</select>
<div id='txthidden' style='visibility:hidden'>Other:<input type='text' name='othertxt' /></div>
</body>
</html>
|
|
|
|
|
Date :
2014-06-26 11:56:21 |
By :
sakuraei |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Code (PHP)
<?php
include"Connect.php";
//กำหนดให้ IE อ่าน page นี้ทุกครั้ง ไม่ไปเอาจาก cache lklkk
header ("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header ("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header ("Cache-Control: no-cache, must-revalidate");
header ("Pragma: no-cache");
header("content-type: application/x-javascript; charset=utf-8");
$data=$_GET['data'];
$val=$_GET['val'];
//ค่ากำหนดของ ฐานข้อมูล
if ($data=='job_type') {
echo '<select name="job_type" style="width:155px" onChange="dochange(\'task_name\', this.value)" onkeypress="return handleEnter(this, event)" >';
echo '<option value="" >--- เลือก Job Type ---</option>' ;
$strSQL = "SELECT * FROM `job_type` order by job_name ";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
while($objResult = mysql_fetch_array($objQuery)){
echo "<option value='$objResult[job_name]' >$objResult[job_name]</option> " ;
}
echo "</select>\n";
}else if ($data=='task_name') {
echo "<select name='task_name' onChange=\"dochange('qlocate', this.value)\" onkeypress='return handleEnter(this, event)' >";
echo "<option value='' >--- เลือก Task Detail ---</option> " ;
$strSQL = " SELECT task_name
FROM task_detail
WHERE (job_type ='$val')
ORDER BY task_name ";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
while($objResult = mysql_fetch_array($objQuery)){
echo "<option value='$objResult[task_name]' >$objResult[task_name]</option> " ;
}
echo "<option value='other' >other</option> " ;
echo "</select>\n";
}
?>
เพิ่มแค่ บันทัด 34 ครับ สำหรับ file นี้ ส่วนตัวรับคงมีอยู่แล้วนะครับ
|
|
|
|
|
Date :
2014-06-26 17:50:37 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอดูโค้ดชุดล่าสุดด้วยซิค่ะ ^-^
|
|
|
|
|
Date :
2014-06-26 21:51:07 |
By :
survivor |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
แนะนำว่าตามที่คุณ Unidentifier ดีกว่า ใช้งานง่ายด้วยครับ
|
|
|
|
|
Date :
2014-06-26 22:27:40 |
By :
asustak |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ตอนนี้ยังงมไม่ได้เลยครับตอนนี้ที่ select box ผมรับค่า other มาได้แล้วแต่ไม่สามารถเอาไปเชคให้มันเปิด textbox ได้
|
|
|
|
|
Date :
2014-06-27 09:57:42 |
By :
wahahaboy |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
รบกวนผุ้รุ้ชี้แนะทีครับตอนนี้ผมรับคา่ other กลับมาที่ page ได้แล้วแต่ไม่สามารถเอาไปใช้ร่วมกับ textbox ได้
|
|
|
|
|
Date :
2014-06-30 09:47:23 |
By :
wahahaboy |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ตอนนี้ได้แล้วครับ ตามนี้ได้เลย
Code (PHP)
<?php
include"Connect.php";
//กำหนดให้ IE อ่าน page นี้ทุกครั้ง ไม่ไปเอาจาก cache lklkk
header ("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header ("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header ("Cache-Control: no-cache, must-revalidate");
header ("Pragma: no-cache");
header("content-type: application/x-javascript; charset=utf-8");
$data=$_GET['data'];
$val=$_GET['val'];
//ค่ากำหนดของ ฐานข้อมูล
if ($data=='job_type') {
echo "<select name='job_type' style='width:155px' onChange=\"dochange('task_name', this.value)\" onkeypress='return handleEnter(this, event)' >";
echo "<option value='' >--- เลือก Job Type ---</option> " ;
$strSQL = "SELECT * FROM `job_type` order by job_name ";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
while($objResult = mysql_fetch_array($objQuery)){
echo "<option value='$objResult[job_name]' >$objResult[job_name]</option> " ;
}
echo "</select>\n";
}else if ($data=='task_name') {
echo "<select name='task_name' onChange=\"dochange('other', this.value)\" onkeypress='return handleEnter(this, event)' >";
echo "<option value='' >--- เลือก Task Detail ---</option> " ;
$strSQL = " SELECT task_name
FROM task_detail
WHERE (job_type ='$val')
ORDER BY task_name ";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
while($objResult = mysql_fetch_array($objQuery)){
echo "<option value='$objResult[task_name]' >$objResult[task_name]</option> " ;
}
echo "<option value='other' >OTHER</option> " ;
echo "</select>\n";
}
else if ($data=='other') {
if($val=='other'){
echo "<input name='other' type='text' />";
}
}
?>
Code (PHP)
<h1>Mysql php</h1>
<?php
include"Connect.php";
echo "<form name=sel>";
echo "จังหวัด : <font id=job_type><select onkeypress='return handleEnter(this, event)' >";
echo "<option value='0'>--------------------</option>" ;
echo "</select></font><br><br><br>";
echo "ตำบล : <font id=task_name><select onkeypress='return handleEnter(this, event)' >";
echo "<option value='0' diable>--------------------</option> " ;
echo "</select></font>";
echo "other : <font id=other>";
echo "</font>";
?>
<script language=Javascript>
function Inint_AJAX() {
try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) {} //IE
try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {} //IE
try { return new XMLHttpRequest(); } catch(e) {} //Native Javascript
alert("XMLHttpRequest not supported");
return null;
};
function dochange(src, val) {
var req = Inint_AJAX();
req.onreadystatechange = function () {
if (req.readyState==4) {
if (req.status==200) {
document.getElementById(src).innerHTML=req.responseText; //รับค่ากลับมา
}
}
};
req.open("GET", "mysql_list_locationt.php?data="+src+"&val="+val); //สร้าง connection
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=tis-620"); // set Header
req.send(null); //ส่งค่า
}
window.onLoad=dochange('job_type', -1);
</script>
|
ประวัติการแก้ไข 2014-06-30 14:06:00
|
|
|
|
Date :
2014-06-30 14:03:27 |
By :
wahahaboy |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 04
|