JavaScript и onChange

**Cinic** · 17.05.2007, 16:32

Есть select с некоторыми option(3 штуки всего), необходимо вставлять определенный текст(ИНСТРУМЕНТ) в некий блок(div id=text), когда выберается тот или иной option.

Нужно очень срочно читать и разбираться в Яве нету времени.

**Cinic** · 18.05.2007, 19:13

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Calculator</title>
<style type="text/css" media="screen, projection">
@import url(style/main.css);
</style>
<script type="text/javascript">
<!--
function addCode (text) {
****if(text == "ForexGroup") {
 *document.getElementById(&#39;instrument&#39;).innerHTML = &#39;Валютная пара:&#39;;
 *document.getElementById(&#39;ForexGroup&#39;).style.display = &#39;block&#39;;
 *document.getElementById(&#39;FuturesGroup&#39;).style.display = &#39;none&#39;;
 *document.getElementById(&#39;StocksGroup&#39;).style.display = &#39;none&#39;;

****}
****else if(text == "FuturesGroup") {
 *document.getElementById(&#39;instrument&#39;).innerHTML = &#39;Название контракта:&#39;;
 *document.getElementById(&#39;ForexGroup&#39;).style.display = &#39;none&#39;;
 *document.getElementById(&#39;FuturesGroup&#39;).style.display = &#39;block&#39;;
 *document.getElementById(&#39;StocksGroup&#39;).style.display = &#39;none&#39;;
****}
****else if(text == "StocksGroup") {
 *document.getElementById(&#39;instrument&#39;).innerHTML = &#39;Название акции:&#39;;
 *document.getElementById(&#39;ForexGroup&#39;).style.display = &#39;none&#39;;
 *document.getElementById(&#39;FuturesGroup&#39;).style.display = &#39;none&#39;;
 *document.getElementById(&#39;StocksGroup&#39;).style.display = &#39;block&#39;;
****}
****else{
 *document.getElementById(&#39;instrument&#39;).innerHTML = &#39;&#39;;
 *document.getElementById(&#39;ForexGroup&#39;).style.display = &#39;block&#39;;
 *document.getElementById(&#39;FuturesGroup&#39;).style.display = &#39;block&#39;;
 *document.getElementById(&#39;StocksGroup&#39;).style.display = &#39;block&#39;;
****}
}
// -->
</script>
</head>

<body>
<div id="MainPage">
<div id="Calculate">
****<p class="caption">

 *Калькулятор трейдера:
****</p>
<div id="LeftColumn">
<script type="text/javascript">
function checkPositionCalc(form)
{
****var err = &#39;&#39;;
****if(isNaN(parseFloat(form.lot.value))) {
 *err = &#39;Неверно указан объем&#39;;
****}
****if(!(document.getElementById(&#39;cmdBuy&#39;).checked || document.getElementById(&#39;cmdSell&#39;).checked)) {
 *err = &#39;Пожалуйста, выберите тип сделки&#39;;
****}

****if(err.length) {
 *alert(err);
 *return false;
****}
****return true;
}
</script>
<form name="positionCalc" action="index.php" method="post" onsubmit="return checkPositionCalc(this);"> 
<table> 
<tr>
 * *<td>Инструмент:</td> 
 * *<td></td> 
 * *<td>
****<select name="instr" class="user" onchange="javascript:addCode(this.value)"> 
 *<option value="" selected="selected">Выбрать...</option>

 *<option value="ForexGroup" *>Forex</option>
 *<option value="FuturesGroup" >Futures</option>
 *<option value="StocksGroup" >Stocks</option>
****</select>
****</td> 
</tr>
<tr>
****<td colspan="3"></td>

</tr> 
<tr>
 * *<td>
 *<div id="instrument">
 * *</div>
****</td> 
 * *<td></td> 
 * *<td>
****<select name="pair" class="user">
 *<option value="" selected="selected">Выбрать</option> 
 *<optgroup label="Forex" id="ForexGroup">
 *****<option value="EURUSD" >EURUSD</option>
 *****<option value="USDJPY" >USDJPY</option>
 *****<option value="GBPUSD" >GBPUSD</option>
 *****<option value="USDCHF" >USDCHF</option>
 *</optgroup>

 *<optgroup label="Futures" id="FuturesGroup">
 *****<option value="DX" >Индекс доллара</option>
 *</optgroup>
 *<optgroup label="Stocks" id="StocksGroup">
 *****<option value="SAMAG" >Advanced Magn.</option>
 *****<option value="SAEPI" >AEP Ind.</option>
 *</optgroup>
****</select>
****</td> 

</tr> 
<tr>
****<td colspan="3"></td>
</tr> 
<tr> 
 * *<td>Тип сделки:</td> 
 * *<td></td>
 * *<td>
 *<input type="radio" name="cmd" value="buy" id="cmdBuy" */>
 *<label for="cmdBuy">buy</label>
 *

 *<input type="radio" name="cmd" value="sell" id="cmdSell" */>
 *<label for="cmdSell">sell</label>****</td>
</tr>
<tr>
****<td colspan="3"></td>
</tr> 
<tr> 
 * *<td>Объем (lots):</td> 
 * *<td></td>
 * *<td><input type="text" name="lot" value="" /></td>

</tr>
<tr>
****<td colspan="3"></td>
</tr> 
<tr> 
 * *<td>Цена открытия:</td> 
 * *<td></td>
 * *<td><input type="text" class="user form" name="open" value="" /></td>
</tr>
<tr>
****<td colspan="3"></td>
</tr> 
<tr> 
 * *<td>Цена закрытия:</td> 
 * *<td></td>

 * *<td><input type="text" class="user form" name="close" value="" /></td>
</tr>
<tr>
****<td colspan="3"></td>
</tr>
<tr>
 * *<td>Подсчитать:</td>
 * *<td></td>
 * *<td><input type="image" src="images/but.gif" /></td>
</tr>
</table>

</form>
</div>
</div>
</div>







</body>
</html>

С перво частью вопроса разобрался

Но вот в ИЕ, отказывается напрочь скрывать <optgroup ... id=...
Кто нить знает как через джаву блин сделать чтобы скрывались группы

**WEB_bobby** · 18.05.2007, 19:31

Вы посмотрите, что у вас в доктайпах твориться.. Ге-ге.

**Aykroyd** · 18.05.2007, 19:56

Не надо optgroup...
Хоть весч и полезная, поддержка у нее в браузерах весьма корявая...
И на стили, можно сказать, вообще не реагирует...

**Cinic** · 18.05.2007, 20:03

Originally posted by WEB_bobby@May 18 2007, 18:31
Вы посмотрите, что у вас в доктайпах твориться.. Ге-ге.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

первый доктайп случайно вставился. Вообще там только один который стрикт.

Блин но мне очень нужно ОптГруп. Уважаемый Эйкройд может посоветуете какой нибудь обход... :blush2:

**Aykroyd** · 18.05.2007, 20:16

Фтопку. На худой конец пустые опшены... Ну и жавой их проверять соответствующим образом...

**Cinic** · 18.05.2007, 21:30

Originally posted by Aykroyd@May 18 2007, 19:16
Фтопку. На худой конец пустые опшены... Ну и жавой их проверять соответствующим образом...
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

А если основной селект сделать с оптгруппами, а по выбору включать тот или иной селект, то есть разбить основной селект на 3 селекта. И всего получится 4 селекта. И пятый который указывает какому селекту появиться.

**Aykroyd** · 18.05.2007, 22:57

Originally posted by Cinic@May 18 2007, 21:30
А если основной селект сделать с оптгруппами, а по выбору включать тот или иной селект, то есть разбить основной селект на 3 селекта. И всего получится 4 селекта.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Можно. Или на жаве скрипт написать, который будет определять какие пункты должны появиться во втором селекте при выборе каждой определенной опции в первом селекте...

[Только зарегистрированные пользователи могут видеть ссылки. ]

Originally posted by Cinic@May 18 2007, 21:30
И пятый который указывает какому селекту появиться.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Не знаю и не понимаю зачем...

Тема: JavaScript и onChange

Опции темы

Поиск по теме

Отображение

Похожие темы

вопрос по JavaScript

XML XSLT javascript

Переменная в JavaScript

JavaScript

Help me with JavaScript

Ваши права