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

jomyuthack

ต้องการเปลี่ยน Option Select Box ไปเป็น ปุ่มกด (ปุ่มกดธรรมดา) ทีละ ปุ่ม แทน (โดยแทนที่จะคลิกเพื่อโชว์ลิสรายการ ก็เปลี่ยนเป็นกดปุ่มแทนประมาณนั้น)
จะต้องกำหนดโค๊ด และ คลาส ต่อท้ายแต่ละปุ่มยังไงครับ
( {# t2 Y& ~3 w1 F
( O6 K' A2 I- n% \* w& F- [7 n, i
ตัวอย่างภาพ Option Select Box
8 b2 H3 l' [/ F* N4 k

0 o; R9 H6 O8 u7 N, u3 o) x% Nโค๊ด Option Select Box

1. <form class="form-horizontal">
   8 |4 }7 N  T7 ]& n2 H8 ^, v6 u
2. <div class="control-group">
   
3. <div class="controls">
   . D& C* S4 B& Q
4. <select id="select-octave">
   * L1 R% G4 B* P9 O. ?
5. <option value="none">none</option>
   " K) O+ U) d& s2 c- w+ h9 }& R" l
6. <option value="1">1</option>
   
7. <option value="2">2</option>
   1 t( q$ ~, O, s
8. <option value="3">3</option>
   
9. <option value="4">4</option>
   
10. <option value="5">5</option>
    , m. l4 P! a6 j* h- u
11. <option value="6">6</option>
    
12. </select>
    
13. </div>
    
14. </div>
    
15. </form>

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

beautiful

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

jomyuthack

ปุ่มที่อยากได้เป็นปุ่มที่ใช้คลิก แทนการเลือกแบบ รายการ (ปุ่มธรรมดานี่เอง)
2 Z3 g0 y( f) [$ ^; R1 |


โค๊ดปุ่ม

1. <button class="btn btn-large btn-success" type="button">ปุ่ม 1</button>
   : p- z+ g# d/ M, L4 E" L7 `: l; D' f
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>
   - l/ j9 i, p  J7 B2 `4 h. V8 W8 w+ e
5. <button class="btn btn-large btn-success" type="button">ปุ่ม 5</button>
   ! C' A, O5 A6 y  }0 n8 l4 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="" />
   
2. <button class="btn btn-large btn-success" type="button" onClick="javascript: document.getElementsByName('button_value')[0].value = '1';">ปุ่ม 1</button>

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

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