Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   раскрывать/скрывать <td> при выборе определенного элемента списка (https://javascript.ru/forum/dom-window/2583-raskryvat-skryvat-td-pri-vybore-opredelennogo-ehlementa-spiska.html)

zip 19.01.2009 11:30

раскрывать/скрывать <td> при выборе определенного элемента списка
 
Здраствуйте. Помогите написать javascript который будет раскрывать/скрывать <td> при выборе определенного элемента списка
код:
Код:

<form method="POST" name = "mainform" action="" class="text">
<table border="1">
        <tr>
                <td>#1</td>
                <td>#2</td>
        </tr>
        <tr>
                <td>
                        <select name="select_left" multiple="multiple" size="15" style="width:200;" id="select_left_id">
                                <option value="passport_serie">Паспорт - Серия</option>
                                <option value="passport_number">Паспорт - Номер</option>
                                <option value="whom_issue">Паспорт - Кем выдан</option>
                                <option value="when_issue">Паспорт - Когда выдан</option>
                                <option value="sex">Пол</option>
                                <option value="birthday">Дата рождения</option>
                        </select>
                </td>
                <td border="1" style="width:100;" name="sex">
                        <input type="checkbox" name="sex" value="0">муж<br />
                        <input type="checkbox" name="sex" value="1">жен<br />
                        <input type="checkbox" name="sex" value="2" checked>н/д<br />
                </td>
                <td border="1" style="width:100;" name="birthday">
                        <p>от<input type="text" name="birthday" value="">
                        до<input type="text" name="birthday" value=""></p>
                        <input type="checkbox" name="birthday" value="2" checked>н/д<br />
                </td>
        </tr>
</table>
<p align="right">
    <input type = "submit" name = "generate" value="Отправить" style="font-weight:bold;">
</p>
</form>

Спасибо за внимание.

zip 19.01.2009 13:22

ввобщем, пока написал:
Код:

<script type="text/javascript">
        <!--
                function toggle_visibility(id) {
                  var e = document.getElementById(id);
                  if(e.style.display == '')
                          e.style.display = 'none';
                  else
                          e.style.display = '';
                }
        //-->
</script>
<form method="POST" name = "mainform" action="" class="text">
<table border="1">
        <tr>
                <td>#1</td>
                <td>#2</td>
        </tr>
        <tr>
                <td>
                        <select name="select_left" multiple="multiple" size="15" style="width:200;" id="select_left_id" onclick="toggle_visibility('sex');">
                                <option value="passport_serie">Паспорт - Серия</option>
                                <option value="passport_number">Паспорт - Номер</option>
                                <option value="whom_issue">Паспорт - Кем выдан</option>
                                <option value="when_issue">Паспорт - Когда выдан</option>
                                <option value="sex">Пол</option>
                                <option value="birthday">Дата рождения</option>
                        </select>
                </td>
                <td border="1" style="width:100;" id="sex" style="display: none">
                        <input type="checkbox" name="sex" value="0">муж<br />
                        <input type="checkbox" name="sex" value="1">жен<br />
                        <input type="checkbox" name="sex" value="2" checked>н/д<br />
                </td>
        </tr>
</table>
<p align="right">
    <input type = "submit" name = "generate" value="Отправить" style="font-weight:bold;">
</p>
</form>

а вот как раскрывать/скрывать при клике на определенный элемент списка?

zip 19.01.2009 13:58

всем спасибо \= решение найдено:
Код:

<script type="text/javascript">
<!--
  function toggle(switchElement) {
  var sex = document.getElementById('sex');
  var birthday = document.getElementById('birthday');
    if (switchElement.value == 'sex') {
      sex.style.display = '';
      birthday.style.display = 'none';
    }
    else if (switchElement.value == 'birthday') {
      sex.style.display = 'none';
      birthday.style.display = '';
    }
        else if (switchElement.value != 'birthday' && switchElement.value != 'sex') {
      sex.style.display = 'none';
      birthday.style.display = 'none';
    }
  }
-->
</script>
<form method="POST" name = "mainform" action="" class="text">
<table border="1">
        <tr>
                <td>#1</td>
                <td>#2</td>
        </tr>
        <tr>
                <td>
                        <select name="select_left" multiple="multiple" size="15" style="width:200;" id="select_left_id" onChange="toggle(this);">
                                <option value="passport_serie">Паспорт - Серия</option>
                                <option value="passport_number">Паспорт - Номер</option>
                                <option value="whom_issue">Паспорт - Кем выдан</option>
                                <option value="when_issue">Паспорт - Когда выдан</option>
                                <option value="sex" onClick="toggle(this);">Пол</option>
                                <option value="birthday" onClick="toggle(this);">Дата рождения</option>
                        </select>
                </td>
                <td border="1" style="width:100;" id="sex" style="display: none">
                        <input type="checkbox" name="sex" value="0">муж<br />
                        <input type="checkbox" name="sex" value="1">жен<br />
                        <input type="checkbox" name="sex" value="2" checked>н/д<br />
                </td>
                <td border="1" style="width:100;" id="birthday" style="display: none">
                        <p>от<input type="text" name="birthday" value="">
                        до<input type="text" name="birthday" value=""></p>
                        <input type="checkbox" name="birthday" value="2" checked>н/д<br />
                </td>
        </tr>
</table>
<p align="right">
    <input type = "submit" name = "generate" value="Отправить" style="font-weight:bold;">
</p>
</form>



Часовой пояс GMT +3, время: 14:56.