VPF::Как убрать вывод Функции при выборе другого SELECT

ДенисSky

Дата 7.1.2011, 10:34 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 10
Регистрация: 5.1.2011

Репутация: нет
Всего: нет

Собствено сабж, нужно при выборе вторичном елемента SELECT выводить на место имеющего данный
ПС при выборе нескольких стран она записывает дальше не стираю преведущий результат функции

Код


<html>
<head> 
<link href="style.css" type="text/css" rel="stylesheet">

<script language="JavaScript" type="text/javascript" SRC="function.js">// Подключаем JavaScript
</script> 
</head>
<body >
    <p class="Name">Выберите страну для отображения</p>
        <form name=Vubor class="vubor"> 
                    <select  class="vubor" name="menu" id='menu' value="Выберите страну"> //Делаем выборку стран
                                <option >Выберете страну</option>
                    <option value="ang">Англия</option>
                                <option value="bel">Белорусия</option>
                                <option value="dan">Данния</option>
                                <option value="ger">Германия</option>
                                <option value="isp">Испания</option>
                                <option value="itl">Италия</option>
                                <option value="mol">Молдавия</option>
                                <option value="pol">Польша</option>
                    <option value="rus">Россия</option> 
                    <option value="fra">Франция</option> 
                                <option value="shv">Швейцария</option>
                    <option value="ukr">Украина</option> 
                    </select> 
                    <INPUT class="button" Type="button" VALUE="Поиск" onClick="func1()">
                    </form>
        
</body>
</html>

Ну и собствено сама функция

Код


function func1() { 
var strana = document.getElementById('menu'); 
strana=strana.options[strana.selectedIndex].value;
var stranu = {'ang':['Англия','3434'],'rus':['Россия','34322'],'fra':['Франция','2323'],'ukr':['Украина','23211'],
'bel':['Белорусия','23211'],'dan':['Дания','23211'],'ger':['Германия','23211'],
'isp':['Испания','23211'],'itl':['Италия','23211'],'mol':['Молдавия','23211'],'pol':['Польша','23211']
,'shv':['Швейцария','23211']};
//var output = '<p class="vuvod">Название страны: ' + stranu[strana][0]+'<br>Цена товара: '+stranu[strana][1]+'</p>';

var output='<table class="vuvod" width="30%" border="1"> <tr><td>Название страны</td><td>Цена товара</td></tr><tr><td>'+stranu[strana][0]+'</td><td>'+stranu[strana][1]+'</td></tr></table>'

document.body.innerHTML += output;
}

подскажите, как это сделать) smile

Amphiluke

Дата 7.1.2011, 10:55 (ссылка)

(нет голосов)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 39
Всего: 112

Цитата(ДенисSky @ 7.1.2011, 13:34

)

нужно при выборе вторичном елемента SELECT выводить на место имеющего данный
ПС при выборе нескольких стран она записывает дальше не стираю преведущий результат функции

Интуитивно догадываюсь о смысле топика... Замените эту строчку:

Цитата(ДенисSky @ 7.1.2011, 13:34

)

document.body.innerHTML += output;

на это

Код


document.getElementById("output").innerHTML = output;

Ну и соответственно в HTML-коде добавьте этот контейнер с id="output", в который будут выводиться данные.

Код


<div id="output"></div>

P.S. Не факт, что правильно понял вопрос. smile

ДенисSky

Дата 7.1.2011, 11:09 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 10
Регистрация: 5.1.2011

Репутация: нет
Всего: нет

Да все правильно понял большое спасиб)))

да еще вапросик как можно на button или onchange(в селекте) поставить индикатор загрузки или просто картинку которая перед выводом функции будет отображаться некоторое время

Это сообщение отредактировал(а) ДенисSky - 7.1.2011, 11:11

Amphiluke

Дата 7.1.2011, 11:21 (ссылка)

(нет голосов)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 39
Всего: 112

Цитата(ДенисSky @ 7.1.2011, 14:09

)

да еще вапросик как можно на button или onchange(в селекте) поставить индикатор загрузки или просто картинку которая перед выводом функции будет отображаться некоторое время

И сколько времени он должен отображаться? Вы понимаете, что ваша нынешняя реализация не подразумевает никакой задержки перед обновлением данных? Если это будет AJAX, то давайте сразу обсуждать на примере кода с AJAX-ом. А иначе нет смысла.

Это сообщение отредактировал(а) Amphiluke - 7.1.2011, 11:21

Evghenusi

Дата 11.1.2011, 14:35 (ссылка)

(нет голосов)

Загрузка ...

майский жук

Профиль
Группа: Участник
Сообщений: 506
Регистрация: 3.8.2006
Где: Молдова, Кишинёв

Репутация: 3
Всего: 15

Amphiluke, для qif анимации на крайний случай и таймер сгодится, если аякса нет smile

Amphiluke

Дата 11.1.2011, 18:41 (ссылка)

(нет голосов)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 39
Всего: 112

Цитата(Evghenusi @ 11.1.2011, 17:35

)

для qif анимации на крайний случай и таймер сгодится, если аякса нет

А какой смысл симулировать какие-то задержки, которых в действительности нет?

bars80080

Дата 12.1.2011, 01:51 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315

Цитата(Amphiluke @ 11.1.2011, 17:41

)

А какой смысл симулировать какие-то задержки, которых в действительности нет?

эх, не знаете вы, что такое работать по контракту с военными организациями

Evghenusi

Дата 12.1.2011, 21:29 (ссылка)

(нет голосов)

Загрузка ...

майский жук

Профиль
Группа: Участник
Сообщений: 506
Регистрация: 3.8.2006
Где: Молдова, Кишинёв

Репутация: 3
Всего: 15

Цитата(Amphiluke @ 11.1.2011, 18:41

)

А какой смысл симулировать какие-то задержки, которых в действительности нет?

раз надо автору темы, значит надо! smile

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »