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

jomyuthack

ต้องการเปลี่ยน Option Select Box ไปเป็น ปุ่มกด (ปุ่มกดธรรมดา) ทีละ ปุ่ม แทน (โดยแทนที่จะคลิกเพื่อโชว์ลิสรายการ ก็เปลี่ยนเป็นกดปุ่มแทนประมาณนั้น)
จะต้องกำหนดโค๊ด และ คลาส ต่อท้ายแต่ละปุ่มยังไงครับ
/ z/ Z* e4 W  Q+ [

4 b$ L! P0 D$ {8 Nตัวอย่างภาพ Option Select Box


4 ^9 f" g1 @3 E2 \โค๊ด Option Select Box

1. <form class="form-horizontal">
   % A% o* g& ]" S' S/ l5 k
2. <div class="control-group">
   * J  k( c7 w/ @5 O1 ^
3. <div class="controls">
   - K  z$ Z: s9 q6 d5 d9 p
4. <select id="select-octave">
   # j6 \8 Y8 F6 y  N
5. <option value="none">none</option>
   
6. <option value="1">1</option>
   % U/ ?' B- I" f8 O$ Y4 O
7. <option value="2">2</option>
   
8. <option value="3">3</option>
   2 t/ G" H6 r) b/ r
9. <option value="4">4</option>
   & o" i) E% m0 Q2 P6 K2 a: O9 A" c
10. <option value="5">5</option>
    
11. <option value="6">6</option>
    
12. </select>
    * a3 V7 P. W1 B: n/ ?. _" U% F6 E
13. </div>
    
14. </div>
    ' I3 j1 O( }9 Z2 x: v$ o
15. </form>

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

beautiful

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

jomyuthack

ปุ่มที่อยากได้เป็นปุ่มที่ใช้คลิก แทนการเลือกแบบ รายการ (ปุ่มธรรมดานี่เอง)
/ d9 X) `8 M. ^9 V; _

" z( ~9 c. h( A% Z
9 X: G$ w' w3 m+ ^) n3 Wโค๊ดปุ่ม

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>
   ' B# W9 Y: i/ {
5. <button class="btn btn-large btn-success" type="button">ปุ่ม 5</button>
   $ S+ i. R$ b# ?6 M! W; U) W
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="" />
   ; _- @5 ?1 a0 Z  b
2. <button class="btn btn-large btn-success" type="button" onClick="javascript: document.getElementsByName('button_value')[0].value = '1';">ปุ่ม 1</button>

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

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