[ขอความช่วยเหลือ] ใครพอมีความรู้เรื่อง HTML Code เชิญแวะครับ.

jomyuthack

ต้องการเปลี่ยน Option Select Box ไปเป็น ปุ่มกด (ปุ่มกดธรรมดา) ทีละ ปุ่ม แทน (โดยแทนที่จะคลิกเพื่อโชว์ลิสรายการ ก็เปลี่ยนเป็นกดปุ่มแทนประมาณนั้น)
2 Z$ k6 }: X4 G) q1 b, Vจะต้องกำหนดโค๊ด และ คลาส ต่อท้ายแต่ละปุ่มยังไงครับ
1 X" D# L% b  P8 ~' w0 `4 _
1 K2 [+ [6 X9 `. k1 s7 z
/ H2 f" [& }; x  L7 Tตัวอย่างภาพ Option Select Box
: P! T/ x/ k9 Q8 c- W+ e
* N& n1 m0 |7 Z4 D7 \
6 [5 R8 C$ Y" dโค๊ด Option Select Box

1. <form class="form-horizontal">
   
2. <div class="control-group">
   
3. <div class="controls">
   3 b  }4 }3 l9 Y3 `; X0 c* u
4. <select id="select-octave">
   
5. <option value="none">none</option>
   5 a. P) z# }# K/ J' x
6. <option value="1">1</option>
   1 _/ x4 O" I( ?" f# j8 m0 c3 \6 R& M
7. <option value="2">2</option>
   : ]9 `* L9 m$ R
8. <option value="3">3</option>
   
9. <option value="4">4</option>
   
10. <option value="5">5</option>
    1 Y1 x! r2 v& `% a& D$ W
11. <option value="6">6</option>
    1 A. Q" }3 O1 `- r3 C5 v5 _4 ]
12. </select>
    6 r9 F; E$ @+ e1 [3 ~
13. </div>
    6 v. ~9 _1 n4 ^( S, O0 m* m, q
14. </div>
    
15. </form>

คัดลอกไปที่คลิปบอร์ด

beautiful

ไม่เข้าใจ(ผมข้าใจยาก) ขอรูปตัวอย่างแบบที่อยาได้หน่อย

jomyuthack

ปุ่มที่อยากได้เป็นปุ่มที่ใช้คลิก แทนการเลือกแบบ รายการ (ปุ่มธรรมดานี่เอง)


5 \9 E+ q- h5 X. o
5 w/ U# N  A6 S( y* |8 t6 I) Uโค๊ดปุ่ม

1. <button class="btn btn-large btn-success" type="button">ปุ่ม 1</button>
   8 b$ h* N. w+ A
2. <button class="btn btn-large btn-success" type="button">ปุ่ม  2</button>
   8 ]# \1 F0 O+ F' o- d
3. <button class="btn btn-large btn-success" type="button">ปุ่ม  3</button>
     L& d) N! y  ^
4. <button class="btn btn-large btn-success" type="button">ปุ่ม 4</button>
   ) g! d$ i' v; }
5. <button class="btn btn-large btn-success" type="button">ปุ่ม 5</button>
   
6. <button class="btn btn-large btn-success" type="button">ปุ่ม 6</button>

คัดลอกไปที่คลิปบอร์ด

แต่ไม่รู้จะกำหนดคลาส/ไอดี ยังไง

zankumuro

ปุ่มไม่สามารถใช้ส่งค่าได้ครับ ต้องใช้ Javascript เข้ามาช่วยในการแปลงค่าเพื่อใช้าส่งอีกที อาจจะ Handle ค่าลง Hidden Field อีกที เพื่อไว้ใช้ส่งตอน Submit

1. <input type="hidden" name="button_value" value="" />
   
2. <button class="btn btn-large btn-success" type="button" onClick="javascript: document.getElementsByName('button_value')[0].value = '1';">ปุ่ม 1</button>

คัดลอกไปที่คลิปบอร์ด

ประมาณนี้ (ถ้าโค๊ดผิดขอโทษด้วยครับ เขียนสดไม่ได้เทส)