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

jomyuthack

ต้องการเปลี่ยน Option Select Box ไปเป็น ปุ่มกด (ปุ่มกดธรรมดา) ทีละ ปุ่ม แทน (โดยแทนที่จะคลิกเพื่อโชว์ลิสรายการ ก็เปลี่ยนเป็นกดปุ่มแทนประมาณนั้น)
& X5 r+ U& c! V6 K- j/ I* N; Hจะต้องกำหนดโค๊ด และ คลาส ต่อท้ายแต่ละปุ่มยังไงครับ
, F8 v& E  {! D8 e7 I
4 d5 b% t) |# @" \$ m
ตัวอย่างภาพ Option Select Box
  C  |" c% C1 }( s2 N
5 w- B4 J, c( C9 |
3 k) k: D' ~! W- z  g3 w, l. a8 dโค๊ด Option Select Box

1. <form class="form-horizontal">
   ! ~7 u: K  L& L4 K1 G
2. <div class="control-group">
   6 P+ I$ k4 t: }# z& p8 R/ c
3. <div class="controls">
   ( ~0 `# g: _  P& V! T
4. <select id="select-octave">
   4 y& p! C: Y! E  q. Z; @: D
5. <option value="none">none</option>
   
6. <option value="1">1</option>
   
7. <option value="2">2</option>
   
8. <option value="3">3</option>
   9 [) s! F% ]  l! ~
9. <option value="4">4</option>
   
10. <option value="5">5</option>
    
11. <option value="6">6</option>
    
12. </select>
    , P& _$ w& S- u
13. </div>
    - q9 j( @( M0 d" W. j9 B4 g, Z/ Z
14. </div>
    4 }9 a+ H& h; M
15. </form>

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

beautiful

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

jomyuthack

ปุ่มที่อยากได้เป็นปุ่มที่ใช้คลิก แทนการเลือกแบบ รายการ (ปุ่มธรรมดานี่เอง)
% e( e& k7 h2 l, G2 K, k' c1 ~  n

4 G8 y" w! Z2 h8 P  ?( D( ]0 c) N
8 p) u8 i3 [6 e/ q* p9 d* C( J$ N+ Kโค๊ดปุ่ม

1. <button class="btn btn-large btn-success" type="button">ปุ่ม 1</button>
   5 `$ E, D: r" W3 [: Z* U* X; G
2. <button class="btn btn-large btn-success" type="button">ปุ่ม  2</button>
   ( H1 V( M: V2 k& q0 f: _
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>
   : Q. ~3 j/ t9 C% f
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="" />
   / O+ _9 y) }4 N+ K' w" [- _1 \. Q
2. <button class="btn btn-large btn-success" type="button" onClick="javascript: document.getElementsByName('button_value')[0].value = '1';">ปุ่ม 1</button>

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

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