[ขอความช่วยเหลือ] ใครพอมีความรู้เรื่อง HTML Code เชิญแวะครับ.
ต้องการเปลี่ยน Option Select Box ไปเป็น ปุ่มกด (ปุ่มกดธรรมดา) ทีละ ปุ่ม แทน (โดยแทนที่จะคลิกเพื่อโชว์ลิสรายการ ก็เปลี่ยนเป็นกดปุ่มแทนประมาณนั้น)จะต้องกำหนดโค๊ด และ คลาส ต่อท้ายแต่ละปุ่มยังไงครับ
ตัวอย่างภาพ Option Select Box
โค๊ด Option Select Box<form class="form-horizontal">
<div class="control-group">
<div class="controls">
<select id="select-octave">
<option value="none">none</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
</div>
</div>
</form> ไม่เข้าใจ(ผมข้าใจยาก) :D ขอรูปตัวอย่างแบบที่อยาได้หน่อย ปุ่มที่อยากได้เป็นปุ่มที่ใช้คลิก แทนการเลือกแบบ รายการ (ปุ่มธรรมดานี่เอง)
โค๊ดปุ่ม<button class="btn btn-large btn-success" type="button">ปุ่ม 1</button>
<button class="btn btn-large btn-success" type="button">ปุ่ม2</button>
<button class="btn btn-large btn-success" type="button">ปุ่ม3</button>
<button class="btn btn-large btn-success" type="button">ปุ่ม 4</button>
<button class="btn btn-large btn-success" type="button">ปุ่ม 5</button>
<button class="btn btn-large btn-success" type="button">ปุ่ม 6</button>แต่ไม่รู้จะกำหนดคลาส/ไอดี ยังไง ปุ่มไม่สามารถใช้ส่งค่าได้ครับ ต้องใช้ Javascript เข้ามาช่วยในการแปลงค่าเพื่อใช้าส่งอีกที อาจจะ Handle ค่าลง Hidden Field อีกที เพื่อไว้ใช้ส่งตอน Submit<input type="hidden" name="button_value" value="" />
<button class="btn btn-large btn-success" type="button" onClick="javascript: document.getElementsByName('button_value').value = '1';">ปุ่ม 1</button>ประมาณนี้ (ถ้าโค๊ดผิดขอโทษด้วยครับ เขียนสดไม่ได้เทส)
หน้า:
[1]