ต้องการแสดงข้อมูลจาก Listbox A ให้มันล้อกันกับ Listbox B ค่ะ
ยกตัวอย่างเช่นTag PHP, MySQL, HTML/CSS, JavaScript
Date :
2014-07-30 16:46:21By :
BranchestView :
2386Reply :
51
Code (PHP) <script type="text/javascript">
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
</script>
<form action="?">
<select name="A" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)">
<option>กรุณาเลือก</option>
<?PHP
$select=mysql_query("Select * from tb_example1") or die (mysql_error());
while($A=mysql_fetch_array($select)){
?>
<option value="<?=$A['id']?>"><?=$A['Name']?></option>
<?PHP } ?>
</select>
<select name="B">
<option>กรุณาเลือก</option>
<?PHP
$select=mysql_query("Select * from tb_example2 WHERE id='".$_GET['id']."'") or die (mysql_error());
while($B=mysql_fetch_array($select)){
?>
<option value="<?=$B['id']?>"><?=$B['Name']?></option>
<?PHP } ?>
</select>
</form>
ประวัติการแก้ไข
Date :
2014-07-30 17:21:31By :
Ex-[S]i[L]e[N]t
อันนี้เอาไว้เรียนรู้ครับ <!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/110325.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() {
$("#first").change(function(){
var choose = $("option:selected",this).attr("rel").split(",");
$("#second option").each(function(){
var current = $(this);
if(jQuery.inArray(current.val(),choose) < 0){
current.css('visibility','hidden');
}else{
current.css('visibility','visible');
}
});
});
});
</script>
</head>
<body>
<select name="first" id="first" >
<option value="" selected>please select
<option value="A" rel="1,2,3">A
<option value="B" rel="4,5">B
<option value="C" rel="6,7,8">C
</select>
<select name="second" id="second" >
<option value="">please select
<option value="1">1
<option value="2">2
<option value="3">3
<option value="4">4
<option value="5">5
<option value="6">6
<option value="7">7
<option value="8">8
</select>
</body>
</html>
ส่วนชุดนี้ใช้งานได้จริงครับ <!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/110325.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() {
$("#first").change(function(){
var choose = JSON.parse("["+$("option:selected",this).attr("rel")+"]"),
optionString = '';
$(choose).each(function(index,val){
optionString += '<option value='+val+'>'+val;
});
$("#second").empty().append(optionString);
});
});
</script>
</head>
<body>
<select name="first" id="first" >
<option value="" selected>please select
<option value="A" rel="1,2,3">A
<option value="B" rel="4,5">B
<option value="C" rel="6,7,8">C
</select>
<select name="second" id="second" >
</select>
</body>
</html>
Date :
2014-07-30 23:59:22By :
sakuraei
อันนี้ผมลองเล่นและประยุกต์ BootStrap 3
Date :
2014-07-31 10:44:41By :
หน้าฮี
ฮ่าๆๆๆ คุยอะไรกันครับ
Date :
2014-07-31 11:22:26By :
sakuraei
ตอบความคิดเห็นที่ : 12 เขียนโดย : sakuraei เมื่อวันที่ 2014-07-31 11:22:26 สำหรับผู้ที่คู่ควรกับมัน IC_Inventory_Main.aspx Code (VB.NET) Public Class IC_Inventory_Main
Inherits System.Web.UI.Page
Private Sub IC_MainMenu_V0001_Load(sender As Object, e As System.EventArgs) Handles Me.Load
If Not IsPostBack Then
Dim cMnu As LinkButton = DirectCast(Me.Parent.FindControl("IC_"), LinkButton) 'Master Page.
AddHandler cMnu.Click, AddressOf SelectedMenuItems
End If
End Sub
Private Sub SelectedMenuItems()
Dim myUniversal_everyThing As JqueryID= Page.LoadControl()
myUniversal.Controls.Clear()
myUniversal_everyThing.ID = New Random().Next(1, 2000) & "_dyn_" & New Random().Next(1, 20000) 'Try Make Unique ID
myUniversal.Controls.Add(myUniversal_everyThing)
End Sub
Private Sub IC_GoHome_ServerClick(sender As Object, e As System.EventArgs) Handles IC_GoHome.ServerClick
Response.RedirectPermanent("~/Default.aspx")
End Sub
End Class
ปล. ใช้ SourceCode ไม่น่าจะเกิน 200 บรรทัดในแต่ละโมดูลหลัก
ประวัติการแก้ไข
Date :
2014-07-31 11:40:21By :
หน้าฮี
งานระดับนี้ส่วนใหญ่จะ customize ตามความต้องการของลูกค้าเป็นหลักครับ
Date :
2014-07-31 11:52:58By :
sakuraei
[u]#NO15, #NO16, #NO17 [/u] ผมไม่พูดเล่นเล่นนะครับท่านผมศึกษา/เดินอยู่ทางบนสายเปลี่ยว
ประวัติการแก้ไข
Date :
2014-07-31 12:05:35By :
หน้าฮี
งานผมส่วนใหญ่ก็เขียนระบบอย่างที่คุณหน้าฮึ เอามาให้ดูล่ะครับ
Date :
2014-07-31 12:06:46By :
sakuraei
อิจฉาครับ ขอไปเป็นลูกมือได้มั๊ย โดยเฉพาะสองอย่างหลังเนี่ย ...5555
ประวัติการแก้ไข
Date :
2014-07-31 12:22:01By :
sakuraei
การเปลี่ยนภาษาบนหน้าเวป ผมเปลี่ยนจากตรงนี้เลยครับ (ใช้ 32/64Bit.DLL Language)Code (VB.NET) pbtn.Text = "<img src='../../Images/success.png'/>" & If(th, "ตกลง", If(en, "OK", "จุ๊บฯ"))
ปล. จริงฯแล้วมันเปลี่ยนตั้งแต่ข้างบนแล้วครับ แต่ผมยกตัวอย่างให้ดูบรรทัดที่ 1. เพื่อประกอบความเข้าใจครับมันเป็น Dynamic ทุกทุกอย่าง ตราบในที่เราสั่งงานมันได้ดั่งใจนึก (ถ้าไม่ได้จริงฯก็ว่ากันอีกทีหนึ่งครับ แต่น้อยมากมาก)
ประวัติการแก้ไข
Date :
2014-07-31 12:35:32By :
หน้าฮี
โกรธนะครับแซวผมแบบนี้ "แล้วคนที่อยู่ในรูปล่ะครับ เด็กๆจากที่ไหนครับ น่ารักดี"สังเกตุข้างหน้า แขนเสื้อยางคลุมศอก กระดุมถี่ยิบถ้าผมนับไม่ผิด 10 เม็ดนะครับสาวไทย ผมชอบสาวลาว ผมชอบสาวพม่า ผมชอบสาวเขมร ผมชอบสาวอินโนนีเซีย ผมชอบสาวฝรั่ง
ประวัติการแก้ไข
Date :
2014-07-31 12:49:38By :
หน้าฮี
ผมชอบสาวลาว ผมชอบสาวพม่า ผมชอบสาวเขมรผมชอบสาวฝรั่ง รู้สึกจะไม่เข้าพวกน่ะครับ
Date :
2014-07-31 12:53:35By :
sakuraei
ตอบความคิดเห็นที่ : 26 เขียนโดย : หน้าฮี เมื่อวันที่ 2014-07-31 12:49:38 รายละเอียดของการตอบ ::
AEC ชัดๆเลยนะครับเนี่ย อาจเป็นการต่อยอดสำหรับธุรกิจก็เป็นได้ครับ จะได้ ได้ทุกภาษา
ตอบความคิดเห็นที่ : 27 เขียนโดย : sakuraei เมื่อวันที่ 2014-07-31 12:53:35 รายละเอียดของการตอบ ::
ผมนี่เจ้าพ่อโปรเจคเลยครับ เคยคิดอยากเขียน helpdesk แบบ Realtime เหมือนกันครับ
1. จดจำ spec เครื่อง ระบบปฎิบัติการ
2. ทะเบียนผู้ใช้งาน
3. รหัสทรัพย์สิน แต่ ละตัว
4. รับคืนทรัพย์สิน
5. it support บันทึกแต่ละรายการ โดยการดึง mac จะได้ชื่อทะเบียนรหัสทรัพย์สินอัตรโนมัติ
6. ซ่อมบำรุงอุปกรณ์ โดยอ่างอิ้งจาก spec โดยบันทึก อุปกรณ์เปลี่ยนถ่าย
7. ระบบติดตาม support
8. config poxy bypass อัตโนมัติ
9. ระบบแสดงผลต่อเจ้าหน้าที่ โดยใช้ บาร์โค๊ด และ ส่งผ่านข้อมูลมาที่ moniter LED พร้อมเสียง เหมือนที่เราไปจ่ายค่าโทรศัพท์เรียกตามหมายเลข นี่ล่ะครับ
และอื่นๆอีกมากมาย
ประวัติการแก้ไข
Date :
2014-07-31 13:26:33By :
Ex-[S]i[L]e[N]t
อิๆๆ หน้าตาบ้านๆครับ บางตัวก็เขียนไว้เกินสิบปีแล้ว ที่เหลือก็ปรับปรุงตามหน้างาน
Date :
2014-07-31 15:08:11By :
sakuraei
ลืมไปแหละค่ะว่ามาโพสกระทู้ถาม เปิดเข้ามาตกใจเลยCode (PHP) <!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>Test Jump Menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#first").change(function(){
var choose = JSON.parse("["+$("option:selected",this).attr("rel")+"]"),
optionString = '';
$(choose).each(function(index,val){
optionString += '<option value='+val+'>'+val;
});
$("#second").empty().append(optionString);
});
});
</script>
</head>
<body>
<?php
mysql_connect("localhost","root","") or die("Connection Failed");
mysql_select_db("ims_db")or die("Connection Failed");
?>
<select name="first" id="first" >
<option value="" selected>please select
<?PHP
$select = mysql_query("Select * from ims_div") or die (mysql_error());
while($A = mysql_fetch_array($select)){
?>
<option value="<?=$A['divid']?>"><?=$A['division']?></option>
<?PHP } ?>
</select>
<select name="second" id="second" >
<option value="">please select
<?PHP
$select = mysql_query("Select * from ims_dept WHERE divid='".$_GET['divid']."'") or die (mysql_error());
while($B = mysql_fetch_array($select)){
?>
<option value="<?=$B['deptid']?>"><?=$B['department']?></option>
<?PHP } ?>
</select>
</body>
</html>
Code (PHP) $select = mysql_query("Select * from ims_dept WHERE divid='".$_GET['divid']."'") or die (mysql_error());
ประวัติการแก้ไข
Date :
2014-07-31 15:41:49By :
Branchest
รบกวนช่วงส่ง db มาทาง Email [email protected] ได้มั้ยครับ เดี๋ยจัดให้ครับผม
Date :
2014-07-31 16:23:21By :
Ex-[S]i[L]e[N]t
ตอบความคิดเห็นที่ : 35 เขียนโดย : Branchest เมื่อวันที่ 2014-07-31 15:41:49 ตอนแรกผมนึกว่าคุณคงได้คำตอบแล้วจาก #NO1 และ #NO2 แต่ไม่ต้องตกใจครับเดี๋ยวจัดให้ครับ By Ex-[S]i[L]e[N]t, By sakuraeiปล. หนูยังสาวหนูยังสวยอย่าไปถือสาคนแก่เลยครับ (คนแก่มันก็ขี้บ่นแบบนี้แหละครับ) +55555
ประวัติการแก้ไข
Date :
2014-07-31 19:55:50By :
หน้าฮี
Code นี้เขียนในรูปแบบ ajax&jquery สามารถทำงานได้ในรูปแบบ Realtime Code (PHP) <?PHP
mysql_connect("localhost","root","123456") or die("Connection Failed");
mysql_select_db("ims_db")or die("Connection Failed");
?>
Division :
<select id="sedivid" name="sedivid">
<option value="">Please Select</option>
<?PHP
$select=mysql_query("SELECT * FROM ims_div") or die (mysql_error());
while($div=mysql_fetch_array($select)){
?>
<option value="<?=$div['divid']?>"><?=$div['division']?></option>
<?PHP } ?>
</select>
<br />
Department:
<s id="sdept"><select></select></s>
<script src="jQuery.1.10.js"></script>
<script>
$(function(){
$('#sedivid').on('change',function(){
var divid=$(this).val();
var sedept=$('<select id="sedeptid" name="sedeptid">');
$('#sedeptid').val('');
$.ajax({url:"check.php",
async:false,
cache:false,
global:false,
type:"POST",
data:"divid="+divid,
success: function(result){
var obj=jQuery.parseJSON(result);
$.each(obj,function(key,val){
sedept.append("<option value='"+val['deptid']+"'>"+val['department']);
});
$('#sdept').html(sedept);
}
});
});
});
</script>
Code (PHP) <?PHP
mysql_connect("localhost","root","123456") or die("Connection Failed");
mysql_select_db("ims_db")or die("Connection Failed");
$divid=mysql_real_escape_string($_POST['divid']);
$arrResult=array();
$select=mysql_query("SELECT * FROM ims_dept WHERE divid='".$divid."'") or die (mysql_error());
$numFields=mysql_num_fields($select);
while($dept=mysql_fetch_array($select)){
$arrCol=array();
for($i=0;$i<$numFields;$i++){
$arrCol[mysql_field_name($select,$i)]=$dept[$i];
}
array_push($arrResult,$arrCol);
}
echo json_encode($arrResult);
?>
ประวัติการแก้ไข
Date :
2014-08-01 09:59:59By :
Ex-[S]i[L]e[N]t
แล้วตรง Listbox Department คือต้องเขียนแบบนี้เหรอคะ?Code (PHP)
Department:
<s id="sdept"><select></select></s>
Date :
2014-08-01 16:21:57By :
Branchest
"ผมไม่ฝากชีวิตของผมเอาไว้กับ Jquery/etc"
Date :
2014-08-02 22:32:23By :
หน้าฮี
ตอบความคิดเห็นที่ : 46 เขียนโดย : Ex-[S]i[L]e[N]t เมื่อวันที่ 2014-08-04 09:41:04 รายละเอียดของการตอบ ::
"อีกไม่เกิน 1 ปีครับ สิ่งที่เห็นจะกลายเป็น Open Source ครับ สำหรับผู้ที่คู่ควรกับมัน"
ผมให้คุณเดาว่าทำไม ? ผมถึงตั้งใจให้เป็นเช่นนั้น (1234... )ตัวอย่างครับ เพื่อให้เดาครับ (อย่าไปมองว่ามันคือภาษาอะไร)NavigateURL ผมสั่งได้ดั่งใจนึก โดยที่ไม่ต้องง้อ MOD/Route/HTAccess/etc..1 DLL Code (VB.NET) <script type="text/javascript">
//http://stackoverflow.com/questions/3028704/optimized-search-using-ajax-and-keypress
$(function () {
$('#<%=txtSearch.ClientID%>').on('keyup', function (e) {
clearTimeout($.data(this, 'timer'));
if (e.keyCode == 13)
search(true);
else
$(this).data('timer', setTimeout(search, 1500));
});
function search(force) {
var existingString = $('#<%=txtSearch.ClientID%>').val();
if (!force && existingString.length < 3) return; //wasn't enter, not > 2 char
alert("Start search here.");
$('#<%=imgSearch.ClientID%>').triger('click'); //จะทำอะไรก็ว่ากันไป
// $.get('/Tracker/Search/' + existingString, function (data) {
// $('div#results').html(data);
// $('#results').show();
// });
}
});
</script>
<div class="toolbar">
<ul>
<li>
<cc1:WL_LinkButton ID="New" runat="server" CausesValidation="False" NavigateURL="WL_Dynamic_Toolbar/New"><img src="../Images/file_new.gif" alt="" style="border:none;"/>
เพิ่มข้อมูลใหม่<%--<%= GetToolbarMenuCaption(93, "new", False, Me.Page)%>--%>
</cc1:WL_LinkButton>
</li>
<li>
<cc1:WL_LinkButton ID="Edit" runat="server" CausesValidation="False" NavigateURL="WL_Dynamic_Toolbar/Edit"><img src="../Images/editfile.gif" alt="" style="border:none;"/>
แก้ไขข้อมูลเดิม<%--<%= GetToolbarMenuCaption(93, "edit", False, Me.Page)%>--%>
</cc1:WL_LinkButton>
</li>
<li>
<cc1:WL_LinkButton ID="Delete" runat="server" CausesValidation="False" NavigateURL="WL_Dynamic_Toolbar/Delete"><img src="../Images/delete2.gif" alt="" style="border:none;"/>
ลบข้อมูลเดิม<%--<%= GetToolbarMenuCaption(93, "delete", False, Me.Page)%>--%>
</cc1:WL_LinkButton>
</li>
<li>
<cc1:WL_LinkButton ID="Refresh" runat="server" CausesValidation="False" NavigateURL="WL_Dynamic_Toolbar/Refresh"><img src="../Images/refresh.gif" alt="" style="border:none;"/>
Refresh<%--<%= GetToolbarMenuCaption(93, "refresh", False, Me.Page)%>--%>
</cc1:WL_LinkButton>
</li>
<li>
<cc1:WL_LinkButton ID="Print" Visible="false" runat="server" CausesValidation="False" NavigateURL="WL_Dynamic_Toolbar/Print"><img src="../Images/print-icon.png" alt="" style="border:none;"/>
พิมพ์รายงาน<%--<%= GetToolbarMenuCaption(93, "print", False, Me.Page)%>--%>
</cc1:WL_LinkButton>
</li>
<li>
<cc1:WL_LinkButton ID="Back" runat="server" CausesValidation="False" NavigateURL="WL_Dynamic_Toolbar/Back"><img src="../Images/up.gif" alt="" style="border:none;"/>
กลับไปก่อนหน้านี้<%--<%= GetToolbarMenuCaption(93, "back", False, Me.Page)%>--%>
</cc1:WL_LinkButton>
</li>
<li>
<asp:TextBox ID="txtSearch" CssClass="inputText_my" style="margin-left:30px;" runat="server" Width="140px" Text="search hear."></asp:TextBox> <asp:ImageButton ID="imgSearch" ImageUrl="../Images/search01.gif" style="margin-left:4px;" alt="" runat="server" />
</li>
</ul>
</div>
ภาพประกอบเดา
ประวัติการแก้ไข
Date :
2014-08-05 09:49:34By :
หน้าฮี
คุณเชื่อผมไหมว่า ผมสามารถวาน "ผู้จัดการฝ่ายบัญชี" ไปถ่ายเอกสารให้ผม โดยที่เขาเต็มใจและเขาตรวจสอบความถูกต้องให้ผมด้วย โดยที่ผมไม่จำเป็นต้องขอร้องเขา
ประวัติการแก้ไข
Date :
2014-08-05 10:30:07By :
หน้าฮี
ผมโชคดีที่เกิดมาเป็นคน แต่ความสุขมักอยู่กับผมไม่ได้นาน ครับ ครับ ครับ .... ผมคือสุนัข ผมเป็นสัตว์เดรัจฉาน
ประวัติการแก้ไข
Date :
2014-08-05 13:30:25By :
หน้าฮี
Server 01
Load balance : Server 01
