Форум программистов [Powered by Invision Power Board]

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.sakh.mps/TR/html4/loose.dtd">
<html>
<head><title>Заявка</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script type='text/javascript'>
function Tara(val, fm_ID){
var obj = document.getElementById(fm_ID).elements;
    for (var i = 0; i < obj.length; i++) {
        if (obj[i].name == 'resource') {
            if (obj[i].id == val) {
                obj[i].style.display = 'block';
                obj[i].options[0].selected = true;
            } else {
                obj[i].style.display = 'none';
            }
        }
    }
}
function doSubmit(fm, fm_ID) {
var obj = document.getElementById(fm_ID).elements;
    for (var i = 0; i < obj.length; i++) {
        if (obj[i].name == 'resource' && obj[i].style.display == 'block') {
            fm.appendChild(obj[i]);    // добавляем в отправляемую форму выбранный SELECT
        }
    }
return true
}
</script>
</head>
<body >

<!-- Основное тело- -->
<form method="GET" id="formsic" onSubmit='return doSubmit(this, "hidForm")'>  
<table align="center" width="100%" border="1" cellspacing="0" cellpadding="2" rules="cols">
  <tr>
    <td width="240" align="right" valign="top">&nbsp;</td>
    <td align="center" style="color:red;">Эти поля вы заполняете сами</td>
    <td align="center">Пример</td>
  </tr>
  <tr>
    <td style="background-color:#CCFFFF" width="240" align="right" valign="top">Ф.И.О. (полностью) ответственного за рабочее место:&nbsp;</td>
    <td style="background-color:#CCFFFF"><input name="fullname" type="text" class="input"></td>
    <td style="background-color:#CCFFFF"><input value="Иванов Иван Иванович" type="text" class="input" disabled></td>
  </tr>
  <tr>
    <td style="background-color:#CCFFFF" align="right" valign="top">система:&nbsp;<BR>&nbsp;</td>
    <td style="background-color:#CCFFFF">
<select name='system' id='system' size="1" onChange='Tara(this.options[this.selectedIndex].value, "hidForm")' class="select">
<option value="qewr" selected>Выбрать</option>
<option value="gjxnf">Тип подключения</option>
</select></form>
</td>
<td style="background-color:#CCFFFF" align="center"><select class="select" disabled>
      <option>Выделенка</option>
      </select>
  </td>
  </tr>
  <tr>
    <td align="right" valign="top">Ресурс:&nbsp;<BR>&nbsp;</td>
    <td>
<!-- Форма с одноимёнными SELECT-ами -->
<form id='hidForm'>
<select id='qewr' name="resource" disabled size="1" class="select">
<option value="">необходимо указать</option>
</select>
<select id='gjxnf' name="resource" size="1" class="select" style='display: none'>
<option value="online">Выделенка</option>
<option value="offline">HDSL</option>
</select>
</form>

    </td>
    <td align="center"><select class="select" disabled>
      <option>Выделенка</option>
      </select>
  </td>
  </tr>
</table>
<DIV align="center"><input onClick="document.getElementById('formsic').submit();" type="submit" value="ОТКРЫТЬ" class="button"></DIV>

<!-- -Основное тело -->
</body>
</html>