Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,038

HOME > PHP > PHP Forum > รบกวนดู code ให้ทีครับ อยากให้ list menu อันแรกมันคงค่าไว้เหมือนเดิม แต่อยากให้ส่งค่าได้เหมือนเดิม



 

รบกวนดู code ให้ทีครับ อยากให้ list menu อันแรกมันคงค่าไว้เหมือนเดิม แต่อยากให้ส่งค่าได้เหมือนเดิม

 



Topic : 044726

Guest




รบกวนดู code ให้ทีครับ คืองี้ครับ ผมมี list menu 2 อัน ซึ้งสามารถส่งค่าไปมาระหว่างกันได้ แต่เมื่อ double click ที่ค่าไหนของ list menu อันแรกก็จะส่งไปยัง list menu ที่ 2 ได้ แต่ผมอยากให้ list menu อันแรก มีค่าคงไว้เหมือนเดิมด้วยเช่นกันครับ รบกวนทีนะครับ
Code (PHP)
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
/*กำหนดความกว้างเริ่มต้นให้กับ list box*/
.myList{
	width:120px;
}
</style>

<script language="javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
$(function(){
	$("#data1").dblclick(function(){ // เมื่อ ดับเบิลคลิกที่ ตัวเลือกใน data1
		var numOp=$("#data1 option:selected").length;
		if(numOp>0){
				for(i=0;i<numOp;i++){
					$("#data2").prepend($("#data1 option:selected").eq(i));
		// เมื่อมีการย้ายตำแหน่งแล้วต้องการเอา selected ออก  ให้เอา comment 
		// บรรทัดล่างต่อจากนี้ออก		
		//			$("#data2 option:selected").attr("selected",""); 
				}
		}
	});
	$("#data2").dblclick(function(){ // เมื่อ ดับเบิลคลิกที่ ตัวเลือกใน data2
		var numOp=$("#data2 option:selected").length;
		if(numOp>0){
				for(i=0;i<numOp;i++){
					$("#data1").prepend($("#data2 option:selected").eq(i));
		// เมื่อมีการย้ายตำแหน่งแล้วต้องการเอา selected ออก  ให้เอา comment 
		// บรรทัดล่างต่อจากนี้ออก							
		//			$("#data1 option:selected").attr("selected","");
				}
		}
	});	
});
</script>
</head>

<body>
<form id="1" name="data1[]" method="post" action="">
<!--ต้องกำหนดชื่อ (name) ต่อท้ายด้วย [] เพื่อรองรับการส่งค่าแบบ array 
และกำหนด id โดยไม่ต้องมี [] เื่พื่อใช้่งานใน jQuery
ตัวอย่าง name="data1[]"  และ   id="data1" เป็นต้น-->
  <select name="data1[]" size="5" multiple="MULTIPLE" class="myList" id="data1">
   <option value="1">#&#3585;&#3619;&#3640;&#3603;&#3634;&#3648;&#3621;&#3639;&#3629;&#3585;&#3592;&#3633;&#3591;&#3627;&#3623;&#3633;&#3604;</option>
    <option value="2">&#3585;&#3619;&#3640;&#3591;&#3648;&#3607;&#3614;&#3617;&#3627;&#3634;&#3609;&#3588;&#3619;</option>
    <option value="3">&#3585;&#3619;&#3632;&#3610;&#3637;&#3656;</option>
    <option value="4">&#3585;&#3634;&#3597;&#3592;&#3609;&#3610;&#3640;&#3619;&#3637;</option>
    <option value="5">&#3585;&#3634;&#3628;&#3626;&#3636;&#3609;&#3608;&#3640;&#3660;</option>
    <option value="6">&#3585;&#3635;&#3649;&#3614;&#3591;&#3648;&#3614;&#3594;&#3619;</option>
    <option value="7">&#3586;&#3629;&#3609;&#3649;&#3585;&#3656;&#3609;</option>
    <option value="8">&#3592;&#3633;&#3609;&#3607;&#3610;&#3640;&#3619;&#3637;</option>
    <option value="9">&#3593;&#3632;&#3648;&#3594;&#3636;&#3591;&#3648;&#3607;&#3619;&#3634;</option>
    <option value="10">&#3594;&#3621;&#3610;&#3640;&#3619;&#3637;</option>
    <option value="11">&#3594;&#3633;&#3618;&#3609;&#3634;&#3607;</option>
    <option value="12">&#3594;&#3633;&#3618;&#3616;&#3641;&#3617;&#3636;</option>
    <option value="13">&#3594;&#3640;&#3617;&#3614;&#3619;</option>
    <option value="14">&#3648;&#3594;&#3637;&#3618;&#3591;&#3619;&#3634;&#3618;</option>
    <option value="15">&#3648;&#3594;&#3637;&#3618;&#3591;&#3651;&#3627;&#3617;&#3656;</option>
    <option value="16">&#3605;&#3619;&#3633;&#3591;</option>
    <option value="17">&#3605;&#3619;&#3634;&#3604;</option>
    <option value="18">&#3605;&#3634;&#3585;</option>
    <option value="19">&#3609;&#3588;&#3619;&#3609;&#3634;&#3618;&#3585;</option>
    <option value="20">&#3609;&#3588;&#3619;&#3611;&#3600;&#3617;</option>
    <option value="21">&#3609;&#3588;&#3619;&#3614;&#3609;&#3617;</option>
    <option value="22">&#3609;&#3588;&#3619;&#3634;&#3594;&#3626;&#3637;&#3617;&#3634;</option>
    <option value="23">&#3609;&#3588;&#3619;&#3624;&#3619;&#3637;&#3608;&#3619;&#3619;&#3617;&#3619;&#3634;&#3594;</option>
    <option value="24">&#3609;&#3588;&#3619;&#3626;&#3623;&#3619;&#3619;&#3588;&#3660;</option>
    <option value="25">&#3609;&#3609;&#3607;&#3610;&#3640;&#3619;&#3637;</option>
    <option value="26">&#3609;&#3619;&#3634;&#3608;&#3636;&#3623;&#3634;&#3626;</option>
    <option value="27">&#3609;&#3656;&#3634;&#3609;</option>
    <option value="28">&#3610;&#3640;&#3619;&#3637;&#3619;&#3633;&#3617;&#3618;&#3660;</option>
    <option value="29">&#3611;&#3607;&#3640;&#3617;&#3608;&#3634;&#3609;&#3637;</option>
    <option value="30">&#3611;&#3619;&#3632;&#3592;&#3623;&#3610;&#3588;&#3637;&#3619;&#3637;&#3586;&#3633;&#3609;&#3608;&#3660;</option>
    <option value="31">&#3611;&#3619;&#3634;&#3592;&#3637;&#3609;&#3610;&#3640;&#3619;&#3637;</option>
    <option value="32">&#3611;&#3633;&#3605;&#3605;&#3634;&#3609;&#3637;</option>
    <option value="33">&#3614;&#3619;&#3632;&#3609;&#3588;&#3619;&#3624;&#3619;&#3637;&#3629;&#3618;&#3640;&#3608;&#3618;&#3634;</option>
    <option value="34">&#3614;&#3632;&#3648;&#3618;&#3634;</option>
    <option value="35">&#3614;&#3633;&#3591;&#3591;&#3634;</option>
    <option value="36">&#3614;&#3633;&#3607;&#3621;&#3640;&#3591;</option>
    <option value="37">&#3614;&#3636;&#3592;&#3636;&#3605;&#3619;</option>
    <option value="38">&#3614;&#3636;&#3625;&#3603;&#3640;&#3650;&#3621;&#3585;</option>
    <option value="39">&#3648;&#3614;&#3594;&#3619;&#3610;&#3640;&#3619;&#3637;</option>
    <option value="40">&#3648;&#3614;&#3594;&#3619;&#3610;&#3641;&#3619;&#3603;&#3660;</option>
    <option value="41">&#3649;&#3614;&#3619;&#3656;</option>
    <option value="42">&#3616;&#3641;&#3648;&#3585;&#3655;&#3605;</option>
    <option value="43">&#3617;&#3627;&#3634;&#3626;&#3634;&#3619;&#3588;&#3634;&#3617;</option>
    <option value="44">&#3617;&#3640;&#3585;&#3604;&#3634;&#3627;&#3634;&#3619;</option>
    <option value="45">&#3649;&#3617;&#3656;&#3630;&#3656;&#3629;&#3591;&#3626;&#3629;&#3609;</option>
    <option value="46">&#3618;&#3650;&#3626;&#3608;&#3619;</option>
    <option value="47">&#3618;&#3632;&#3621;&#3634;</option>
    <option value="48">&#3619;&#3657;&#3629;&#3618;&#3648;&#3629;&#3655;&#3604;</option>
    <option value="49">&#3619;&#3632;&#3609;&#3629;&#3591;</option>
    <option value="50">&#3619;&#3632;&#3618;&#3629;&#3591;</option>
    <option value="51">&#3619;&#3634;&#3594;&#3610;&#3640;&#3619;&#3637;</option>
    <option value="52">&#3621;&#3614;&#3610;&#3640;&#3619;&#3637;</option>
    <option value="53">&#3621;&#3635;&#3611;&#3634;&#3591;</option>
    <option value="54">&#3621;&#3635;&#3614;&#3641;&#3609;</option>
    <option value="55">&#3648;&#3621;&#3618;</option>
    <option value="56">&#3624;&#3619;&#3637;&#3626;&#3632;&#3648;&#3585;&#3625;</option>
    <option value="57">&#3626;&#3585;&#3621;&#3609;&#3588;&#3619;</option>
    <option value="58">&#3626;&#3591;&#3586;&#3621;&#3634;</option>
    <option value="59">&#3626;&#3605;&#3641;&#3621;</option>
    <option value="60">&#3626;&#3617;&#3640;&#3607;&#3619;&#3611;&#3619;&#3634;&#3585;&#3634;&#3619;</option>
    <option value="61">&#3626;&#3617;&#3640;&#3607;&#3619;&#3626;&#3591;&#3588;&#3619;&#3634;&#3617;</option>
    <option value="62">&#3626;&#3617;&#3640;&#3607;&#3619;&#3626;&#3634;&#3588;&#3619;</option>
    <option value="63">&#3626;&#3619;&#3632;&#3649;&#3585;&#3657;&#3623;</option>
    <option value="64">&#3626;&#3619;&#3632;&#3610;&#3640;&#3619;&#3637;</option>
    <option value="65">&#3626;&#3636;&#3591;&#3627;&#3660;&#3610;&#3640;&#3619;&#3637;</option>
    <option value="66">&#3626;&#3640;&#3650;&#3586;&#3607;&#3633;&#3618;</option>
    <option value="67">&#3626;&#3640;&#3614;&#3619;&#3619;&#3603;&#3610;&#3640;&#3619;&#3637;</option>
    <option value="68">&#3626;&#3640;&#3619;&#3634;&#3625;&#3598;&#3619;&#3660;&#3608;&#3634;&#3609;&#3637;</option>
    <option value="69">&#3626;&#3640;&#3619;&#3636;&#3609;&#3607;&#3619;&#3660;</option>
    <option value="70">&#3627;&#3609;&#3629;&#3591;&#3588;&#3634;&#3618;</option>
    <option value="71">&#3627;&#3609;&#3629;&#3591;&#3610;&#3633;&#3623;&#3621;&#3635;&#3616;&#3641;</option>
    <option value="72">&#3629;&#3656;&#3634;&#3591;&#3607;&#3629;&#3591;</option>
    <option value="73">&#3629;&#3635;&#3609;&#3634;&#3592;&#3648;&#3592;&#3619;&#3636;&#3597;</option>
    <option value="74">&#3629;&#3640;&#3604;&#3619;&#3608;&#3634;&#3609;&#3637;</option>
    <option value="75">&#3629;&#3640;&#3605;&#3619;&#3604;&#3636;&#3605;&#3606;&#3660;</option>
    <option value="76">&#3629;&#3640;&#3607;&#3633;&#3618;&#3608;&#3634;&#3609;&#3637;</option>
    <option value="77">&#3629;&#3640;&#3610;&#3621;&#3619;&#3634;&#3594;&#3608;&#3634;&#3609;&#3637;</option>
  </select>
<!--name="data2[]" และ   id="data2"-->
  <select name="data2[]" size="5" multiple="MULTIPLE" class="myList" id="data2">
  </select>
</form>
</body>
</html>




Tag : - - - -






Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2010-06-30 12:44:28 By : MOOKY_KUNG View : 1281 Reply : 5
 

 

No. 1

Guest


ไม่มีคนตอบเลยหรอครับ เศร้าจัง ฮือๆ


Date : 2010-06-30 14:47:23 By : MOOKY_KUNG
 


 

No. 2



โพสกระทู้ ( 648 )
บทความ ( 0 )



สถานะออฟไลน์


ปิดตรงนี้ซะ
Code (PHP)
	/*$("#data2").dblclick(function(){ // เมื่อ ดับเบิลคลิกที่ ตัวเลือกใน data2
		var numOp=$("#data2 option:selected").length;
		if(numOp>0){
				for(i=0;i<numOp;i++){
					$("#data1").prepend($("#data2 option:selected").eq(i));
		// เมื่อมีการย้ายตำแหน่งแล้วต้องการเอา selected ออก  ให้เอา comment 
		// บรรทัดล่างต่อจากนี้ออก							
		//			$("#data1 option:selected").attr("selected","");
				}
		}
	});	*/

Date : 2010-06-30 14:52:22 By : 50121680
 

 

No. 3

Guest


ขอบคุณครับ คุณ Gusto
Date : 2010-06-30 15:16:40 By : MOOKY_KUNG
 


 

No. 4



โพสกระทู้ ( 1,268 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Blogger

แบบนี้ป่าวคะ
Code 
$("#data1").dblclick(function(){ // เมื่อ ดับเบิลคลิกที่ ตัวเลือกใน data1
		var numOp=$("#data1 option:selected").length;
		var data=$("#data1 option:selected").text()
		var val=$("#data1 option:selected").val()
		var newOption="<option value=\""+val+"\" selected=\"selected\">"+data+"</option>";
		$("#data2").prepend(newOption)
		
});


Ps. ถ้าได้แล้วก็ขออภัยค่ะ
Date : 2010-06-30 15:25:15 By : ultrasiam
 


 

No. 5

Guest


ขอบคุณมากๆเลยครับ เพราะได้ code ของคุณ ultrasiam กับคุณ custo นี้แหละครับ ถึงทำได้สักที
Date : 2010-06-30 15:45:47 By : MOOKY_KUNG
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : รบกวนดู code ให้ทีครับ อยากให้ list menu อันแรกมันคงค่าไว้เหมือนเดิม แต่อยากให้ส่งค่าได้เหมือนเดิม
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
 Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







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

Load balance : Server 01
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2025 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่