Tuesday 14 May 2013

Dropdown Box with lable



If you want to categorized your dropdown box data the you can do it as follow


 <td>Course Name :</td>
        <td><select name="course_name" id="course_name" onchange="getrate();" >
        <option selected="selected">-----------Select Course Name---------</option>
        <optgroup label="BASIC MODULE" style="padding-left: 10px;">
        <option value="Embedded System & Robotics - BASIC-Weekend">Embedded System & Robotics - BASIC / 2 Weeks</option>
          <option value="Image Processing using MatLab - BASIC-Weekend">Image Processing using MatLab - BASIC / 2 Weeks</option>
          <option value="PCB & Circuit Designing - BASIC-Weekend">PCB & Circuit Designing - BASIC / 2 Weeks</option>
          <option value="STAAD PRO for Civil Engg - BASIC-Weekend">STAAD PRO for Civil Engg - BASIC / 2 Weeks</option>
           <option value="Ethical Hacking - BASIC-Weekend">Ethical Hacking - BASIC / 2 Weeks </option>
          <option value="Android Applications- BASIC-Weekend">Android Applications - BASIC / 2 Weeks</option>
          <option value="3D Animation & MAX - BASIC-Weekend">3D Animation & MAX - BASIC / 2 Weeks</option>
          <option value="Web Designing - BASIC-Weekend">Web Designing - BASIC / 2 Weeks</option>
<optgroup label="ADVANCE MODULE" style="padding-left: 10px;">
 <option value="Embedded System & Robotics - ADVANCED-Weekend">Embedded System & Robotics - ADVANCED / 4 Weeks</option>
          <option value="Image Processing using MatLab - ADVANCED-Weekend">Image Processing using MatLab - ADVANCED / 4 Weeks </option>
          <option value="PCB & Circuit Designing - ADVANCED-Weekend">PCB & Circuit Designing - ADVANCED / 4 Weeks</option>
          <option value="STAAD PRO for Civil Engg - ADVANCED-Weekend">STAAD PRO for Civil Engg - ADVANCED / 4 Weeks</option>
</optgroup>
<optgroup label="ULTRA MODULE" style="padding-left: 10px;">
<option value="Embedded System & Robotics - ULTRA-Weekend">Embedded System & Robotics - ULTRA / 6 Weeks</option>
          <option value="Image Processing using MatLab - ULTRA-Weekend">Image Processing using MatLab - ULTRA / 6 Weeks</option>    
          <option value="PCB & Circuit Designing - ULTRA-Weekend">PCB & Circuit Designing - ULTRA / 6 Weeks</option>
          <option value="STAAD PRO for Civil Engg - ULTRA-Weekend">STAAD PRO for Civil Engg - ULTRA / 6 Weeks</option>
</optgroup>
</optgroup>
</select>

No comments:

Post a Comment