четверг, 7 февраля 2013 г.

динамический select html

 <select name="department" onchange="modelform_rebuild(this.options[this.selectedIndex].value)" >      <option value="40">test1</option>         <option value="41">test2</option>      <option value="42">test3</option>              </select><select name="subdep" id="subdep"> <option>-----</option> </select>

function modelform_rebuild(b){switch (b) {case '0':with (modelform.subdep) {options.length = 0;options[0] = new Option('---', '---');selectedIndex = 0;}; break;case '40': with (modelform.subdep) {   options.length= 0;   options[0]= new Option('---','0');   options[1]= new Option('Ленинский','25');   options[2]= new Option('Зорге','26');   selectedIndex=0;      }; break;case '41': with (document.modelform.subdep) {   options.length= 0;   options[0]= new Option('---','---');   options[1]= new Option('Операторы' ,'23');   options[2]= new Option('Инженеры','24');   selectedIndex=0;      }; break;case '42': with (document.modelform.subdep) {   options.length= 0;   options[0]= new Option('---','0');

<script language="JavaScript" type="text/javascript">

Реализуем созданием Javascript функции:

Бывает необходимость при создании HTML формы сделать динамический SELEСT - что бы список option одного из "селектов" менялся в зависимости от выбора другого "селекта"

Technology and life The Blog of Olfox

Двойной динамический SELECT

Комментариев нет:

Отправить комментарий