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

jomyuthack

ต้องการเปลี่ยน Option Select Box ไปเป็น ปุ่มกด (ปุ่มกดธรรมดา) ทีละ ปุ่ม แทน (โดยแทนที่จะคลิกเพื่อโชว์ลิสรายการ ก็เปลี่ยนเป็นกดปุ่มแทนประมาณนั้น)
จะต้องกำหนดโค๊ด และ คลาส ต่อท้ายแต่ละปุ่มยังไงครับ
2 H2 C1 I6 Y/ y; k! z8 K' }

ตัวอย่างภาพ Option Select Box


4 ?; J* j! G) T3 r# J8 A' n$ s5 }โค๊ด Option Select Box

1. <form class="form-horizontal">
   
2. <div class="control-group">
   
3. <div class="controls">
   . Z, |1 X& U; g; `( Z! z/ d
4. <select id="select-octave">
   ( i3 N# e; ]8 ?
5. <option value="none">none</option>
   ( z- e* H( H6 [. _* _) l0 {
6. <option value="1">1</option>
   
7. <option value="2">2</option>
   ( `  R* [! `6 M6 S' ]( Y0 E7 P
8. <option value="3">3</option>
   
9. <option value="4">4</option>
   
10. <option value="5">5</option>
    
11. <option value="6">6</option>
    * M' Q" m! g6 D' r- {( L; E: u. N
12. </select>
    8 P/ K0 k# o* C% M- D
13. </div>
    1 d8 S* {$ \5 u1 R0 A2 l
14. </div>
    " k+ _( i+ }9 L" |
15. </form>

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

beautiful

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

jomyuthack

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

* B; @/ _3 b: p3 d3 o
4 L0 G! s0 E- `, D( E5 ^; A
โค๊ดปุ่ม

1. <button class="btn btn-large btn-success" type="button">ปุ่ม 1</button>
   
2. <button class="btn btn-large btn-success" type="button">ปุ่ม  2</button>
   8 ^% W/ U" ?- Z8 {4 s
3. <button class="btn btn-large btn-success" type="button">ปุ่ม  3</button>
   1 x$ @3 f7 g0 U6 ]$ R9 d; _9 a
4. <button class="btn btn-large btn-success" type="button">ปุ่ม 4</button>
   . f* l- h3 y/ K
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="" />
   ' _6 Q9 z2 y* L8 T0 m/ d- W3 S1 K
2. <button class="btn btn-large btn-success" type="button" onClick="javascript: document.getElementsByName('button_value')[0].value = '1';">ปุ่ม 1</button>

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

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