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

jomyuthack

ต้องการเปลี่ยน Option Select Box ไปเป็น ปุ่มกด (ปุ่มกดธรรมดา) ทีละ ปุ่ม แทน (โดยแทนที่จะคลิกเพื่อโชว์ลิสรายการ ก็เปลี่ยนเป็นกดปุ่มแทนประมาณนั้น)
จะต้องกำหนดโค๊ด และ คลาส ต่อท้ายแต่ละปุ่มยังไงครับ
& Y* w' r: X: {+ |5 P$ G, R
# O- @" X4 h; X/ K) R% j( g
2 A1 \; t8 c. P& oตัวอย่างภาพ Option Select Box
, M0 ]6 [/ d( f+ {& h
* Q! s: t& c, r
# g* B$ {9 p( H, j" I/ s! U3 D1 |โค๊ด Option Select Box

1. <form class="form-horizontal">
   8 n- ]9 W. R$ w; {
2. <div class="control-group">
   ' W6 c. u2 B  |6 A
3. <div class="controls">
   + s- ]3 k' q( [2 C  p  h) D
4. <select id="select-octave">
   ( R4 s; ?0 t% b' K9 N% F
5. <option value="none">none</option>
   
6. <option value="1">1</option>
   ( }4 F/ V# t# T2 Y; `$ [: G
7. <option value="2">2</option>
   & ^. w# d  C1 g. f7 ]
8. <option value="3">3</option>
     q3 ^2 v( |" {# h2 g
9. <option value="4">4</option>
   $ y# z0 Y1 W$ a
10. <option value="5">5</option>
    - ]2 A- q& d) t3 W) j( g- X  C
11. <option value="6">6</option>
    
12. </select>
    6 U0 k4 Z" k0 O, {: B7 G( A4 s
13. </div>
    - M  r* i9 m9 G: B2 I! X
14. </div>
    " m/ f4 T1 X# {# o8 ^$ I& c- [$ n
15. </form>

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

beautiful

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

jomyuthack

ปุ่มที่อยากได้เป็นปุ่มที่ใช้คลิก แทนการเลือกแบบ รายการ (ปุ่มธรรมดานี่เอง)
- N7 U4 G" S3 Y, V
  R5 P6 x( s# B

2 L5 r! P9 U, K% Y) vโค๊ดปุ่ม

1. <button class="btn btn-large btn-success" type="button">ปุ่ม 1</button>
   
2. <button class="btn btn-large btn-success" type="button">ปุ่ม  2</button>
   
3. <button class="btn btn-large btn-success" type="button">ปุ่ม  3</button>
   
4. <button class="btn btn-large btn-success" type="button">ปุ่ม 4</button>
   
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>

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

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