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

Registered : 107,994

HOME > PHP > PHP Forum > สอบถามเรื่องการ ทำ listbox ให้มี checkbox เลือกได้ครับ



 

สอบถามเรื่องการ ทำ listbox ให้มี checkbox เลือกได้ครับ

 



Topic : 134299



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



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




รูปตัวอย่างครับ
1
2

code ที่ใช้งานอยู่ครับ ตอนนี้ คือ เลือกได้หมดแล้วครับ แต่ติดคือ เวลาเลือก ตัวสุดท้ายที่เลือกจะมี , ติดมาด้วย ซึ้งเวลาเอาลง ฐานข้อมูล ไม่ต้องการให้ ตัวสุดท้ายมี , มาด้วยอะครับ จะต้องทำยังไงดีครับ

เช่นตอนนี้ ถ้าเพิ่ม data1,data2,data3, แต่สิ่งที่ต้องการ เมื่อเก็บใน ฐานข้อมูลคือ data1,data2,data3 ครับ อยากให้ , ตอนสุดท้ายออกไปอะครับผม

Code (PHP)
<style type="text/css">
select#my_select{
    width:200px;
    color:#333333;   
    background-color:#EAEAEA;   
    border:1px solid #999999;   
}
select#my_select option{
    color:#333333;   
    background-color:#EAEAEA;   
    border:1px solid #999999;   
}
ul.myUL1{   
    margin:0px;   
    padding:0px;   
    font-size:12px;   
    width:200px;   
    color:#333333;   
    background-color:#EAEAEA;   
    border:1px solid #999999;   
    position:absolute;   
    display:none;   
    list-style:none;   
    z-index:100;
}   
ul.myUL1 li{   
    margin:0px;   
    padding:0px;   
    cursor:pointer;   
    text-indent:5px; 
    list-style:none;   
}   
ul.myUL1 li:hover{   
    margin:0px;   
    padding:0px;   
    cursor:pointer;   
    background-color:#666666;   
    color:#FFFFFF;   
}
</style>
<div style="margin:auto;width:400px;">
<form id="form1" name="form1" method="post" action="">
  <select name="my_select" id="my_select">
    <option value="">เลือกข้อมูล</option>
  </select>
<ul class="myUL1">  
<li><input name="data1" type="checkbox" id="data1" value="1">data1</li>  
<li><input name="data2" type="checkbox" id="data2" value="2">data2</li>  
<li><input name="data3" type="checkbox" id="data3" value="3">data3</li>  
<li><input name="data4" type="checkbox" id="data4" value="4">data4</li>  
<li><input name="data5" type="checkbox" id="data5" value="5">data5</li>  
<li><input name="data6" type="checkbox" id="data6" value="6">data6</li>  
</ul>    
</form>
</div>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js"></script>
<script type="text/javascript">
$(function(){
    var obj1="select#my_select";
    var obj2="ul.myUL1";
    $(obj1).focus(function(){   
        var nX=$(this).offset().left;   
        var nY=$(this).offset().top+($(this).height()+3);   
        $(this).html("");
        $(obj2).show().css({   
            "width":$(this).width()+"px",
            "left":nX,   
            "top":nY   
        });
    });   
    $(obj2).children("li").click(function(){ 
        var iCheck=($(this).children("input").attr("checked")=="checked")?false:true;  
        $(this).children("input").attr("checked",iCheck);
    });   
    $(obj2).hover(function(){   
        $(this).show();    
    },function(){   
        var setValue="";
        var setText="";
        $(this).find("input").each(function(key){
            if($(this).attr("checked")=="checked"){
                setValue+=$(this).val()+",";
                setText+=$(this).parent("li").text()+",";
            }       
        });
        setText=(setText!="")?setText:"เลือกข้อมูล";
        $(this).hide();   
        $(obj1).html("<option value=\""+setValue+"\">"+setText+"</option>").blur();   
    });  
});
</script>




Tag : PHP, MySQL









ประวัติการแก้ไข
2019-10-04 14:27:59
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2019-10-04 14:24:15 By : คำบัน View : 55 Reply : 2
 

 

No. 1



โพสกระทู้ ( 3,571 )
บทความ ( 7 )

Hall of Fame 2012

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


ไปเลือกใช้ Plugin Selection muti พวกนี้ดีกว่าครับ
https://www.jqueryscript.net/blog/Best-Multiple-Select-jQuery-Plugins.html






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-10-04 16:43:13 By : Genesis™
 


 

No. 2



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



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


ได้ละครับผม ขอบคุณครับผม
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-10-04 17:42:46 By : คำบัน
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามเรื่องการ ทำ listbox ให้มี checkbox เลือกได้ครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม

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