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,028

HOME > PHP > PHP Forum > สอบถามเรื่องสคริปหน่อยครับว่ามีแบบนี้ไหม เลือก Dropdown กดปุ่มแล้วไปขึ้นที่ textbox



 

สอบถามเรื่องสคริปหน่อยครับว่ามีแบบนี้ไหม เลือก Dropdown กดปุ่มแล้วไปขึ้นที่ textbox

 



Topic : 113648



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



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




สอบถามหน่อยครับ กรณีเราทำ Dropdown List ให้เลือกรายการ พอเลือกรายการใน dropdown แล้ว กดปุ่ม(สมมุติว่าผมสร้างปุ่มข้างๆ)
พอกดปั๊บให้คำใน Dropdown ไปใส่ใน Text box อ่ะครับ ทำไงได้บ้างครับผม

หรือมีวิธีไหนอ่ะครับ ที่เลือกจากรายการแล้วไปใส่ text ได้ โดยมีลีสให้เลือกครับ

zxcvb

ขอบคุณมากครับ



Tag : PHP, Ajax, jQuery, JAVA









ประวัติการแก้ไข
2015-01-07 15:40:19
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2015-01-07 14:51:59 By : sarut14 View : 851 Reply : 7
 

 

No. 1



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



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

ใช้ jquery คะ

1. ใน ปุ่ม onclick ให้ดึงค่า dropdown var txtdropdown = $("#yourdropdownid option:selected").text();
2. เอาค่า text ที่ได้ใส่ลง textbox $("#yourtextboxid").val(txtdropdown );

ลองดูนะคะติดตรงไหนถามได้เลยคะ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-01-07 17:42:02 By : LuckyStar
 


 

No. 2



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



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


คือผมลองเอา Jq มาใส่อ่ะครับ แต่มันสคริปกันกับพวก CSS พอดีใช้จูมล่าอ่ะครับ จากรูป อันนั้นสีเทาๆตรงดรอปดาว์ ผมใส่
Jquery ไว้อยู่ แต่มันเกิดปัญหาคือ CSS หรือ สคริปบางอันมันไปรบกวนการทำงานของส่วนอื่น งงมากๆเหอๆ

มันมีแบบใช้ Jquery แบบปกติ ที่ไม่ต้องพึ่ง CSS ได้ไหมครับ อันนี้โค๊ด ดรอปดาวผมครับ จะต้องเขียนอย่างไรครับ
ผมดึงจาก mysql มาครับ

Code (PHP)
<?php 
								$db = JFactory::getDBO();
								$strSQL =  " SELECT * From tb_k2_tags where tb_k2_tags.id ";
								$db->setQuery($strSQL);
								//$rs = $db->loadObjectList();
								$rs = $db->loadAssocList();
								//print_r ($rs);
								//exit;
								 ?>
								 <tr>
								 <td class="adminK2LeftCol">
										<label><?php echo JText::_('ดัชนีค้นหา'); ?></label>
								</td>
								 <td>
								 
								<select name="id_dic_th">
								<?php 
									/*foreach($rs as $key =>$row) {
										$slc=$_POST['id_dic'] == $row->id ? 'selected' : '';
										echo "<option value='$row->id' $slc >$row->id</option>"; 
									} */
								?>

								<?php 
									foreach($rs as $key =>$row) {
										$slc=$_POST['id_dic_th'] == $row['name']? 'selected' : '';
										echo "<option value='$row[id]' $slc >$row[name]</option>"; 
									} 
								?>
								</select>
								 </td>
								 </tr>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-01-07 22:29:19 By : sarut14
 

 

No. 3



โพสกระทู้ ( 9,559 )
บทความ ( 2 )



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


css ที่มาเกี่ยวข้อง นี่ชื่อ ของ class หรือเปล่าครับ

Code
การ อ้างอิง tag มีอยู่ 2 อย่าง 1 อ้างอิง ลำดับชั้น อ้างอิง แม่/ลูก child / parent 2 อ้างอิงจากชื่อ ก็จะแบ่ง ย่อยออกเป็น 2.1 ชื่อ tag โดยตรง a input select table tr td ฯลฯ 2.2 ชื่อ class class="TEST" 2.3 ชื่อ ID ID="TEST"


ซึ่งตรง 2.2 class ให้มองเป็นแค่ชื่อเท่านั้น ไม่จำเป็นต้อง กำหนด style ให้ คลาส เป็นแค่ชื่อ อ้างอิงเฉยๆ


อย่างบันทัดนี้
<label><?php echo JText::_('ดัชนีค้นหา'); ?></label>

ถ้าเราใช้ jquery ค้นหา เราจะใช้อะไรมาเป็นต้วอ่างอิง ก็คงต้องใช้ $('label') เพื่ออ้างอิง
แต่ถ้ามันมี หลาย label ล่ะ เราจะอ้างอิงอย่างไร เราก็ควร ต้องกำหนด ชื่อ ให้ label นี้เพื่อใช้อ้างอิง
อาจจะอ้างอิง โดยกำหนดชื่อ คลาส หรือ ไอดี อย่างใดอย่างหนึ่ง หรือ ทั้งสองอย่างก็ได้
<label id='index_search' class="search_index" ><?php echo JText::_('ดัชนีค้นหา'); ?></label>

สิ่งสำคัญที่ต้องจดจำ ถ้าเป็น ID jquery จะใช้อันแรกที่เจอ และหยุด ไม่หาต่อ
แตุ่ถ้าเป็น class jquery เมื่อเจอและกระทำตามคำสั่งแล้วยังจะทำการค้นหาต่อและกระทำตามคำสั่งนั้นต่อไป


จาก
Code (PHP)
<label id='index_search' class="search_index" ><?php echo JText::_('ดัชนีค้นหา'); ?></label>
<select name="id_dic_th"> 

เราสามารถใช้ jquery เขียนคำสั่งเพื่อกำหนดค่าได้ดังนี้
Code (JavaScript)
<script>
$(document).ready(function(e){
    $('#id_dic_th').change(function(e){
        var txt=$('#index_search').html() + $(this + ' option:selected').text();
        $('#index_search').html(txt)
    }
}
</script>



ประวัติการแก้ไข
2015-01-08 02:21:43
2015-01-08 02:24:04
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-01-08 02:20:50 By : Chaidhanan
 


 

No. 4



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



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


ถ้าสอบถามเพิ่มเติมหน่อยครับ จากโค๊ดข้างต้นอ่ะครับ ถ้าเราจะทำดรอปดาว์ให้ในดรอปดาว์สามารถคีย์คำได้ ทำได้อย่างไรครับ
แล้วมีลิส Autocommplete ขึ้นมาจากดาต้าเบส อ่ะครับ เช่นพิม ก มันจะลิสคำออกมาเป็น ดรอปดาว์ด้วยอ่ะครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-01-08 10:19:45 By : sarut14
 


 

No. 5



โพสกระทู้ ( 9,559 )
บทความ ( 2 )



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


http://jsfiddle.net/QEVXK/
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-01-08 11:24:15 By : Chaidhanan
 


 

No. 6



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



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


ได้แล้วครับพี่ชัย แต่ติดนิดหน่อยคือ เวลาคีย์คำแล้ว มันไม่ autocommplete ครับผม แบบดึงดาต้าเบสมาจากดรอปดาวอ่ะครับ
กับ ตอนนี้ดรอปดาว์มีลีสแต่เลือกรายการไม่ได้ครับ T_T

Code (PHP)
<div style="position: absolute; 32px; left: 150px;" id="outerFilterDiv">
				<input name="filterTextField" type="text" id="filterTextField" tabindex="2"  style="width: 140px;position: absolute; top: 1px; left: 1px; z-index: 2;border:none;" />
				<div style="position: absolute;" id="filterDropdownDiv">
				<select name="id_dic_th" id="filterDropDown" tabindex="1000"onchange="DropDownTextToBox(this,'filterTextField');" style="position: absolute;top: 0px; left: 0px; z-index: 1; width: 165px;">
								<?php 
									/*foreach($rs as $key =>$row) {
										$slc=$_POST['id_dic'] == $row->id ? 'selected' : '';
										echo "<option value='$row->id' $slc >$row->id</option>"; 
									} */
								?>
		
								<?php 
									foreach($rs as $key =>$row) {
										$slc=$_POST['id_dic_th'] == $row['name']? 'selected' : '';
										echo "<option value='$row[id]' $slc >$row[name]</option>"; 
									} 
								?>
								</select>
								</div>
		                        </div>



ประวัติการแก้ไข
2015-01-08 13:33:23
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-01-08 13:30:33 By : sarut14
 


 

No. 7



โพสกระทู้ ( 2,249 )
บทความ ( 5 )

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

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

ลองหา plugin มาใช้ดูครับ เช่นตัวนี้

http://harvesthq.github.io/chosen/
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-01-08 13:56:29 By : Manussawin
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามเรื่องสคริปหน่อยครับว่ามีแบบนี้ไหม เลือก Dropdown กดปุ่มแล้วไปขึ้นที่ textbox
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 04
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่