Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > โค้ดตัวนี้ต้องประกอบยังไงครับผมลองหลายแบบแล้วมันก็ไม่ได้ซักที <select> and <option>

โค้ดตัวนี้ต้องประกอบยังไงครับผมลองหลายแบบแล้วมันก็ไม่ได้ซักที <select> and <option>

เริ่มหัวข้อใหม่

meannerss

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

เว็บต้นฉบับ http://designwithpc.com/Plugins/ddSlick
select

เค้าบอกให้ประกอบ 3 ส่วนเข้าด้วยกันมีแบบ json กับแบบ HTML.............. ผมเลยเลือกเป็นแบบ HTML ผมลองแบบนี้แล้วมันก็ยังไม่ได้(ผมประกอบมั่ว 5 5 5 ) มันต้องประกอบยังไงครับโค้ดตัวนี้ ผมขาดตกอะไรไปรึเปล่าแนะนำด้วยครับ

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://dl.dropbox.com/u/40036711/Scripts/ddslick.js"></script>

<script>
$('#myDropdown').ddslick({
    onSelected: function(selectedData){
        //callback function: do something with selectedData;
    }   
});
</script>

</head>

<body>
   <select id="demo-htmlselect">
        <option value="0" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/facebook-icon-32.png"
            data-description="Description with Facebook">Facebook</option>
        <option value="1" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/twitter-icon-32.png"
            data-description="Description with Twitter">Twitter</option>
        <option value="2" selected="selected" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/linkedin-icon-32.png"
            data-description="Description with LinkedIn">LinkedIn</option>
        <option value="3" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/foursquare-icon-32.png"
            data-description="Description with Foursquare">Foursquare</option>
    </select>
</body>
</html>

Tag : PHP, HTML/CSS, jQuery

Date : 2014-03-04 22:33:02

By : meannerss

View : 1311

Reply : 21

No. 1

itpcc

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

Code (JavaScript)

$('#myDropdown').ddslick({
    onSelected: function(selectedData){
        //callback function: do something with selectedData;
    }   
});

ต้องครอบด้วย
$(document).ready(function(){ });
ด้วยนะ

Date : 2014-03-04 23:24:35

By : itpcc

No. 2

meannerss

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

มันไม่ขึ้นครับ ช่วยสาธิตการใช้งานให้ดูหน่อยครับ อยากได้ตัวนี้มานานแล้ว อิอิ

http://designwithpc.com/Plugins/ddSlick

Date : 2014-03-04 23:35:58

By : meannerss

No. 3

Guest

ไม่ต้องสาธิตหรอก มันไม่ได้เพราะคุณไม่เข้าใจพื้นฐาน
1. คุณ init plugin ก่อนที่ select จะเกิด
2. และแม้คุณจะ init plugin หลัง select เกิดแล้ว id ของ select ก็ไม่ตรงกับ jquery id selector (demo-htmlselect กับ myDropdown)

Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://dl.dropbox.com/u/40036711/Scripts/ddslick.js"></script>

<script>
$('#myDropdown').ddslick({
    onSelected: function(selectedData){
        //callback function: do something with selectedData;
    }   
});
</script>

</head>

<body>
   <select id="demo-htmlselect">
        <option value="0" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/facebook-icon-32.png"
            data-description="Description with Facebook">Facebook</option>
        <option value="1" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/twitter-icon-32.png"
            data-description="Description with Twitter">Twitter</option>
        <option value="2" selected="selected" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/linkedin-icon-32.png"
            data-description="Description with LinkedIn">LinkedIn</option>
        <option value="3" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/foursquare-icon-32.png"
            data-description="Description with Foursquare">Foursquare</option>
    </select>
<script>
$('#demo-htmlselect').ddslick({
    onSelected: function(selectedData){
        //callback function: do something with selectedData;
    }   
});
</script>
</body>
</html>

Date : 2014-03-05 05:11:53

By : basic

No. 4

meannerss

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

ตอนนี้แก้ใขปัญหาได้แล้วนะครับ เกิดจาก http://dl.dropbox.com/u/40036711/Scripts/ddslick.js ไฟล์นี้โดนลบออกไปแล้วครับ
ไปหางมโหลดไฟล์ .js ที่อัพโหลดไว้ที่อื่นมาแทนใช้งานได้แล้วครับ :)

Date : 2014-03-06 01:56:16

By : meannerss

No. 5

Guest

code ไม่ได้ผิดหรอครับ เปลี่ยน link script แล้วก็ใช้ได้เลยหรอครับ ... ปัญหาเกิดจากตรงนั้นหรอครับ

Date : 2014-03-06 15:58:49

By : basic

No. 6

meannerss

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

ใช้ได้แล้วครับ นี่ครับตัว full *ผมโหลดพวกลิบารี่มาเก็บในเครื่องนะ

Code (PHP)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery.ddslick.min.js"></script>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<select id="aaaa">
        <option value="0" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/facebook-icon-32.png"
            data-description="Description with Facebook">Facebook</option>
        <option value="1" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/twitter-icon-32.png"
            data-description="Description with Twitter">Twitter</option>
        <option value="2" selected="selected" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/linkedin-icon-32.png"
            data-description="Description with LinkedIn">LinkedIn</option>
        <option value="3" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/foursquare-icon-32.png"
            data-description="Description with Foursquare">Foursquare</option>
    </select>

<script>
$('#aaaa').ddslick({
    onSelected: function(selectedData){
        //callback function: do something with selectedData;
    }   
});
</script>
</body>
</html>

ประวัติการแก้ไข
2014-03-06 16:16:34

Date : 2014-03-06 16:15:10

By : meannerss

No. 7

Guest

คือผมสงสัยว่า ถ้าคุณใช้ code อันแรกของคุณเลย แต่แก้ link script มันจะใช้ได้มั้ยครับ
ปัญหามันอยู่ที่ link script อย่างเดียวหรอ

code เดิมของคุณ ถ้าเปลี่ยน link script

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://dl.dropbox.com/u/40036711/Scripts/ddslick.js"></script>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery.ddslick.min.js"></script>

<script>
$('#myDropdown').ddslick({
    onSelected: function(selectedData){
        //callback function: do something with selectedData;
    }   
});
</script>

</head>

<body>
   <select id="demo-htmlselect">
        <option value="0" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/facebook-icon-32.png"
            data-description="Description with Facebook">Facebook</option>
        <option value="1" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/twitter-icon-32.png"
            data-description="Description with Twitter">Twitter</option>
        <option value="2" selected="selected" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/linkedin-icon-32.png"
            data-description="Description with LinkedIn">LinkedIn</option>
        <option value="3" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/foursquare-icon-32.png"
            data-description="Description with Foursquare">Foursquare</option>
    </select>
</body>
</html>

Date : 2014-03-06 16:32:12

By : basic

No. 8

Guest

ตอบความคิดเห็นที่ : 7 เขียนโดย : basic เมื่อวันที่ 2014-03-06 16:32:12

รายละเอียดของการตอบ ::

Code (SQL)

CREATE TABLE #SEX 
   (
     PriceID INT,
     HeGirlSheMan NVARCHAR(100),
     SEX NVARCHAR(MAX) 
   )

INSERT INTO #SEX VALUES (1,'หลั่ง','ใน,ไม่ใน,นอก,ไม่นอก'), 
                        (2,'ไหน','ไม่บอก'),
                        (3,'คุณ','นอก,ในนอก'),
                        (4,'ชอบ','ใน,ทั้งนอก'),
                        (5,'แบบ','ไหน ในนอก หรือว่า นอกใน');
WITH CTE AS
(
  SELECT A.[PriceID],A.HeGirlSheMan , Yet.a.value('.', 'NVARCHAR(MAX)') AS SEX FROM
       (SELECT [PriceID],HeGirlSheMan, 
         CAST ('<SheMale>' + REPLACE([SEX], ',', '</SheMale><SheMale>') + '</SheMale>' AS XML) AS SheMaleHeGirl
         FROM  #SEX
        ) AS A CROSS APPLY SheMaleHeGirl.nodes ('/SheMale') AS Yet(a)
)
SELECT DISTINCT HeGirlSheMan, * FROM CTE
WHERE SEX in ('ใน','นอก')
DROP TABLE #SEX

Date : 2014-03-06 16:44:13

By : love9713

No. 9

Guest

SQL Magic & Joke

Date : 2014-03-06 16:48:37

By : love9713

No. 10

meannerss

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

ตอบความคิดเห็นที่ : 7 เขียนโดย : basic เมื่อวันที่ 2014-03-06 16:32:12

รายละเอียดของการตอบ ::

ตอนนี้มันก็ใช้ได้แล้วครับ มันปรับไปหลายอย่างนะครับ เอาเต็มๆเลยก็คือดังนี้
- เพิ่มส่วน sql
- เพิ่มส่วน $_POST (เพราะมันไม่ยิงให้)

Code (PHP)

<script type="text/javascript" src="ddslick/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="ddslick/jquery.ddslick.min.js"></script>

<select id="t_bank_nameva" name="t_bank_nameva">
 <option value="1" data-imagesrc="Bank_icon/icon-48-contacts.png"  selected="selected"
            data-description="กรุณาเลือกบัญชี">กรุณาเลือก</option>
<?
$sql="SELECT * FROM  tbl03_acc_main WHERE bankmain_id <> '34' AND acc_active='0' ORDER BY bankmain_id ,auto_acc_id ASC";
$dbquery= mysql_db_query($DataBaseName,$sql);
$num_rows= mysql_num_rows($dbquery);
if ($num_rows>0) {

$i=0;
while ($i<$num_rows) {
$result=mysql_fetch_array($dbquery);
$acc_name=$result['acc_name'];
//$acc_id=$result['acc_id'];
$auto_acc_id=$result['auto_acc_id'];
$net=number_format($result['net'],2, '.', ',');
$bankmain_idxz=$result['bankmain_id'];
$sql2="SELECT * FROM  tbl02_bank_main WHERE bankmain_id = '$bankmain_idxz'";
$dbquery2= mysql_db_query($DataBaseName,$sql2);
$result2=mysql_fetch_array($dbquery2);
$img_bankaa=$result2['bankmain_icon'];

?>
 <option value="<?=$auto_acc_id?>"  data-imagesrc="Bank_icon/<?=$img_bankaa?>"
           data-description="ยอดคงเหลือ <?=$net?>"><?=$acc_name?></option>
<? $i++;}} ?>

    
  </select>
  <script>
$('#t_bank_nameva').ddslick({
        width: 200,
     onSelected: function(data){
       	  $('#t_bank_name').val(data.selectedData.value);
	   //callback function: do something with selectedData;
	
    }   
});
</script>
<input type="hidden" name="t_bank_name" id="t_bank_name" value="1" />

ประวัติการแก้ไข
2014-03-06 17:16:25

Date : 2014-03-06 17:12:39

By : meannerss

No. 11

Guest

ตอบความคิดเห็นที่ : 10 เขียนโดย : meannerss เมื่อวันที่ 2014-03-06 17:12:39

รายละเอียดของการตอบ ::

ผมเข้าใจแนวทางการเขียนโปรแกรมของคุณแล้วครับ รวมถึง แนวทาง PHP ทั้งหมดด้วย

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

Date : 2014-03-06 17:28:05

By : love9713

No. 12

meannerss

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

ตอบความคิดเห็นที่ : 11 เขียนโดย : love9713 เมื่อวันที่ 2014-03-06 17:28:05

รายละเอียดของการตอบ ::

แหมๆเอาไปได้เลยครับเพราะ ผมมั่นใจว่าระบบผมปลอดภัย 100 % การันตีได้ เพราะมันอยู่บน อินทราเน็ต

Date : 2014-03-06 17:31:36

By : meannerss

No. 13

Guest

อันนี้เป็นความหวังดี ไม่ใช่คำแนะนำ/etc
#NO 10 บรรทัดที่ 8 และ 21 ควรจะเขียน Sql Query แค่คำสั่งเดียว

Date : 2014-03-06 17:32:05

By : love9713

No. 14

Unidentifier

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

ตอบความคิดเห็นที่ : 12 เขียนโดย : meannerss เมื่อวันที่ 2014-03-06 17:31:36

รายละเอียดของการตอบ ::

แล้วคุณไปคิวรี่ข้อมูลจริงมาได้ด้วยเหรอครับ หรือว่าเขียนติดต่อ API ของแบงค์ครับ.. อยากรู้

Date : 2014-03-06 17:36:39

By : sakuraei

No. 15

meannerss

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

ตอบความคิดเห็นที่ : 14 เขียนโดย : sakuraei เมื่อวันที่ 2014-03-06 17:36:39

รายละเอียดของการตอบ ::

เปล่าครับ คือผมจำลองระบบ bank ขึ้นมาจัดการเรื่องเงินๆทองๆในร้านเองครับ... มันมีบัญชีธนาคารหลายบัญชีมาก
จะให้ Log in ไปเช็คสเตรจเม้นต์ที่หน้า bank ทีละบัญชีก็ ไม่ไหวช้ามากไม่ทันใจ
และระบบช่วยได้มากในเรื่องการจัดการสภาพคล่อง ดูสถิติการไหลของเงินทำให้วางแผนการใช้เงินในอนาคตได้ครับ

ประวัติการแก้ไข
2014-03-06 17:48:05

Date : 2014-03-06 17:44:37

By : meannerss

No. 16

Guest

ตอบความคิดเห็นที่ : 14 เขียนโดย : sakuraei เมื่อวันที่ 2014-03-06 17:36:39

รายละเอียดของการตอบ ::

กระผมขออนุญาติตอบแทนก็แล้วกัน

a, b, c, d
a = NetWare
b = Windows
c = Linux
d = Unix

หลายฯหลายฯ หลายฯ แค่เจอ a = NetWare นี่(หายไปเยอะแล้วครับ)

Date : 2014-03-06 17:45:54

By : love9713

No. 17

meannerss

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

ตอบความคิดเห็นที่ : 16 เขียนโดย : love9713 เมื่อวันที่ 2014-03-06 17:45:54

รายละเอียดของการตอบ ::

Date : 2014-03-06 17:55:17

By : meannerss

No. 18

Guest

ตอบความคิดเห็นที่ : 17 เขียนโดย : meannerss เมื่อวันที่ 2014-03-06 17:55:17

รายละเอียดของการตอบ ::

Xuefei Yang plays Sevilla by Isaac
http://www.youtube.com/watch?v=TYI6HvgWyVE

Date : 2014-03-06 18:20:14

By : love9713

No. 19

Unidentifier

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

ตอบความคิดเห็นที่ : 15 เขียนโดย : meannerss เมื่อวันที่ 2014-03-06 17:44:37

รายละเอียดของการตอบ ::

จับเอา transaction ที่เกิดขึ้นในแต่ละวัน เพื่อสรุปออกมาอย่างที่เห็นใช่มั๊ยครับ
เช่น เปิดบิล 50 ใบรวมเงิน 150,000
จ่ายเช็คเจ้าหนี้ 120,000 อะไรทำนองนี้เหรอครับ

ตอบความคิดเห็นที่ : 16 เขียนโดย : love9713 เมื่อวันที่ 2014-03-06 17:45:54

รายละเอียดของการตอบ ::

แล้ว
a = NetWare
b = Windows
c = Linux
d = Unix
เกี่ยวอะไรครับ ผมไม่เข้าใจ มาได้ยังไง...

Date : 2014-03-06 18:59:21

By : sakuraei

No. 20

Guest

ตอบความคิดเห็นที่ : 19 เขียนโดย : sakuraei เมื่อวันที่ 2014-03-06 18:59:21

รายละเอียดของการตอบ ::

... ผมว่านะท่าน 9713 นี่ต้องเป็นโรบอทอัฉริยะครับ(แนวๆsimsimi) แต่เป็นบอทที่ยังมีจุดเพี้ยนๆเยอะอยู่ ดูจากคำตอบแบบหลุดโลกแล้ว น่าจะเป็นบอทแบบว่าตัดเอาประโยคในคอมเม้นแล้วนำไปประมวลผล แล้วไปหาข้อมูลมาลงตอบ บางทีได้เนื้อเพลงมาก็มี

Date : 2014-03-06 20:00:33

By : 555

No. 21

Guest

ตอบความคิดเห็นที่ : 19 เขียนโดย : sakuraei เมื่อวันที่ 2014-03-06 18:59:21

รายละเอียดของการตอบ ::

รุ่นพี่ของผมคนหนึ่งอยู่แบงค์ xxx หนึ่ง สำนักงานใหญ่ (ดูแลระบบข้อมูลสินเชื่อทั้งหมด ด้วย ORACLE) ผมคุยเบียร์กันบ่อยครับ
ไม่น่าเชื่อว่า พี่เขาจะไต่เต้ามาจาก กระเป๋ารถเมล์

เขาบอกว่ามันมีครบหมดทุก OS เชื่อมต่อกันอิรุงตุงนัง เหตุผล
1. เพื่อความปลอดภัย
2. ป้องกันคนในด้วยกันเอง (ฝ่าย A ไม่ให้รู้ลึก ฝ่าย B และในทำนองเดียวกัน)

ถ้าแบ้งค์ไม่มีเงิน แล้วใครล่ะจะมีเงิน และถ้าเขาไม่อนุญาติ
แล้วเราจะเขียนโปรแกรมเชื่อมต่อะระบบกับเขาได้อย่างไร (ไม่ใช่เรื่องง่ายฯ) ครับ

Date : 2014-03-07 08:11:30

By : love9713

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : โค้ดตัวนี้ต้องประกอบยังไงครับผมลองหลายแบบแล้วมันก็ไม่ได้ซักที <select> and <option>

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Registered : 109,038

document.write("<font color=996600>[PHP]</font>"); โค้ดตัวนี้ต้องประกอบยังไงครับผมลองหลายแบบแล้วมันก็ไม่ได้ซักที <select> and <option>

No. 1

No. 2

No. 3

No. 4

No. 5

No. 6

No. 7

No. 8

No. 9

No. 10

No. 11

No. 12

No. 13

No. 14

No. 15

No. 16

No. 17

No. 18

No. 19

No. 20

No. 21

ค้นหาข้อมูล

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

Notice

โค้ดตัวนี้ต้องประกอบยังไงครับผมลองหลายแบบแล้วมันก็ไม่ได้ซักที <select> and <option>