powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Сделать div видимым/невидимым
6 сообщений из 6, страница 1 из 1
Сделать div видимым/невидимым
    #35521980
ice-covered
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
У меня есть список:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
<select name="p_mode" onchange="selectChange();">
<OPTION SELECTED value=> 
<OPTION value= 8 >выставка
<OPTION value= 2 >научное
<OPTION value= 683 >научно-практическое
<OPTION value= 7 >научно-производственное
<OPTION value= 6 >учебно-методическое
</SELECT>
Функция selectChange() (пока недоработанная) :
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
function selectChange() 
        {
            var selIdx = document.forms[ 0 ].p_mode.selectedIndex;
            var newSel = document.forms[ 0 ].p_mode.options[selIdx].value;
            //alert (newSel);
            //window.location.href="my_form?p1='||p1||'&p2='||p2||'&p_mode="+newSel;
        }
И есть поле:
Код: plaintext
1.
2.
3.
<div style={display:none} id=ex>
 <textarea name="p_exhibit" rows="5" cols="50" title=""></textarea>
</div>

Так вот, мне надо, чтобы, если выбрана опция "выставка", то div, содержащий textarea, становился бы видимым. И, соответственно, когда выбирается другая опция, становился бы опять невидимым... Как мне переделать функцию selectChange? (желательно, без перезагрузки страницы).

П.С. Только что заметила, что style={display:none} не влияет на невидимость почему-то =\ ..То есть див все равно видно...
...
Рейтинг: 0 / 0
Сделать div видимым/невидимым
    #35523297
jusio
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
надо писать stylе="display:none", то есть с ковычками а не фигурными скобками. Пример JS кода чтобы спрятать див:
document.getElementById('ex').style.display ='';
...
Рейтинг: 0 / 0
Сделать div видимым/невидимым
    #35523441
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
jusiodocument.getElementById('ex').style.display ='';
display="none"
...
Рейтинг: 0 / 0
Сделать div видимым/невидимым
    #35524833
ice-covered
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
а если у меня вот такая структура:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
<TR>
     <td class="EditTableItem" align="left" valign="top">
      <div style="{display:none}" id="ex">
         Экспонаты, представленные на выставке
      </div>
    </td>
    <td class="EditTableItem" align="left">
      <div style="{display:none}" id="ex">
          <textarea name="p_exhibit" rows="5" cols="50" title=""></textarea>
      </div>
    </td>
        </TR>
Тогда нужно document.getElement s ById("ex");???

П.С.
Код: plaintext
style="{display:none}" 
работает нормально итак...

И у меня сейчас вот что:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
function selectChange() 
        {
            var selIdx = document.forms[ 0 ].p_mode.selectedIndex;
            var newSel = document.forms[ 0 ].p_mode.options[selIdx].value;
            if (newSel== 8 )
            {
                var obDiv = document.getElementById("ex");
                alert (obDiv.length); // ТУТ УЖЕ ОШИБКА, НА ЭКРАН ВЫДАЕТ "undefined".
// Если же пишу Elements, то "объект не поддерживает это свойство или метод". Как правильно???
                for(int i= 0 ; i<=obDiv.length; i++;)
                {
                    obDiv[i].style.display ="none";
                }
            }
        }
...
Рейтинг: 0 / 0
Сделать div видимым/невидимым
    #35524850
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ice-coveredа если у меня вот такая структура
Такой структура есть неправильный. ID элемента должно быть уникальным.
...
Рейтинг: 0 / 0
Сделать div видимым/невидимым
    #35524935
ice-covered
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Спасибо, поняла, сделала правильно =)
...
Рейтинг: 0 / 0
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Сделать div видимым/невидимым
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]