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

jomyuthack

ต้องการเปลี่ยน Option Select Box ไปเป็น ปุ่มกด (ปุ่มกดธรรมดา) ทีละ ปุ่ม แทน (โดยแทนที่จะคลิกเพื่อโชว์ลิสรายการ ก็เปลี่ยนเป็นกดปุ่มแทนประมาณนั้น)
จะต้องกำหนดโค๊ด และ คลาส ต่อท้ายแต่ละปุ่มยังไงครับ
1 O! K4 a8 s. e9 y) p' U& w
4 `+ g4 W8 F$ k4 V) E
; w; D4 h3 S" R# y& n9 u) E7 bตัวอย่างภาพ Option Select Box

2 i+ }4 ^8 i9 A. n2 }
6 W/ \  ~. W; S/ Q- b  bโค๊ด Option Select Box

1. <form class="form-horizontal">
   
2. <div class="control-group">
   
3. <div class="controls">
   2 j3 K0 o' A" ~: D6 G
4. <select id="select-octave">
   
5. <option value="none">none</option>
   
6. <option value="1">1</option>
   
7. <option value="2">2</option>
   6 r6 W5 H# J* d% \( }. @; d
8. <option value="3">3</option>
   % B$ L- s7 V4 L0 n
9. <option value="4">4</option>
   
10. <option value="5">5</option>
    
11. <option value="6">6</option>
    $ m, y( }1 X* T7 L* y
12. </select>
    
13. </div>
    
14. </div>
    + g5 X6 i2 N, {2 v. D+ f
15. </form>

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

beautiful

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

jomyuthack

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

0 B, a' ?& ?/ w" @; d) E
2 P- R: \8 C8 \$ `; R; v+ f4 o; g' T
โค๊ดปุ่ม

1. <button class="btn btn-large btn-success" type="button">ปุ่ม 1</button>
   3 n# K! I0 _% k+ N0 d
2. <button class="btn btn-large btn-success" type="button">ปุ่ม  2</button>
   2 m& E1 P1 w% K% g
3. <button class="btn btn-large btn-success" type="button">ปุ่ม  3</button>
   & ?8 |6 u! q: M
4. <button class="btn btn-large btn-success" type="button">ปุ่ม 4</button>
   % {% A( B6 k  t" E, ?! x
5. <button class="btn btn-large btn-success" type="button">ปุ่ม 5</button>
   4 ?0 c: }' }6 k) G2 {  D/ g9 }2 p
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>

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

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