Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.07.2015, 18:13
Аспирант
Отправить личное сообщение для nikto93i7 Посмотреть профиль Найти все сообщения от nikto93i7
 
Регистрация: 06.07.2015
Сообщений: 50

Помогите сделать список
Здравствуйте, помогите пожалуйста разобрать с такой задачей... Не могу сообразить как сделать.
есть вот такая форма на сайте
<div class="value">
<select id="country_select" class="option_style">
<option value=1 selected>United States</option>
<option value=2>United Kingdom</option>
<option value=3>Germany</option>
<option value=4>France</option>
<option value=5>Italy</option>
<option value=6>Russia</option>
<option value=7>India</option>
<option value=8>China</option>
</select>
</div>
<h3>Country</h3>
<div class="div1">
<input id="disel_price" class="input_style" name="disel" type="text" value="0" disabled>
</div>
<h4>Disel Price ($/l)</h4>
<div class="div1">
<input id="electricity_price" class="input_style" name="electricity" type="text" value="0" disabled>
</div>
<h4>Electricity Price ($/kWh)</h4>
<div class="div1">
<input id="one_time_subsidy" class="input_style" name="onetime" type="text" value="0" disabled>
</div>
<h4>One Time Subsidy ($)</h4>
<div class="div1">
<input id="one_time_subsidy" class="input_style" name="annual" type="text" value="0" disabled>
</div>
<h4>Annual Subsidy ($)</h4>

и есть массив с данными для нее
var diselPrice = [0.78,1.76,1.32,1.34,1.61,0.56,0.86,0.95];
var electricityPrice = [0.08,0.2,0.1349,0.0941,0.1449,0.09,0.1,0.09];
var oneTimeSubsidy = [5000,6000,5500,5300,6400,6500,3800,6200];
var annualSubsidy = [500,600,0,550,0,750,630,730];

в select находятся 8 стран и они соответствуют порядку значений в массиве.

а вот теперь то что сделать не получается...
как сделать так, чтоб при выборе страны ее соответствующие значения из массива подставлялись в value (Disel Price ($/l); Electricity Price ($/kWh); One Time Subsidy ($); Annual Subsidy ($))?

буду оооочень благодарен за помощь!!)))
Ответить с цитированием
  #2 (permalink)  
Старый 12.07.2015, 18:34
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 26,502

nikto93i7,
... может хоть немного учебник почитать?
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
</head>

<body>
<div class="value">
<select id="country_select" class="option_style" >
<option value=1 selected>United States</option>
<option value=2>United Kingdom</option>
<option value=3>Germany</option>
<option value=4>France</option>
<option value=5>Italy</option>
<option value=6>Russia</option>
<option value=7>India</option>
<option value=8>China</option>
</select>
</div>
<h3>Country</h3>
<div class="div1">
<input id="disel_price" class="input_style" name="disel" type="text" value="0" disabled>
</div>
<h4>Disel Price ($/l)</h4>
<div class="div1">
<input id="electricity_price" class="input_style" name="electricity" type="text" value="0" disabled>
</div>
<h4>Electricity Price ($/kWh)</h4>
<div class="div1">
<input id="one_time_subsidy" class="input_style" name="onetime" type="text" value="0" disabled>
</div>
<h4>One Time Subsidy ($)</h4>
<div class="div1">
<input id="one_time_subsidy" class="input_style" name="annual" type="text" value="0" disabled>
</div>
<h4>Annual Subsidy ($)</h4>
<script>
var diselPrice = [0.78, 1.76, 1.32, 1.34, 1.61, 0.56, 0.86, 0.95];
var electricityPrice = [0.08, 0.2, 0.1349, 0.0941, 0.1449, 0.09, 0.1, 0.09];
var oneTimeSubsidy = [5000, 6000, 5500, 5300, 6400, 6500, 3800, 6200];
var annualSubsidy = [500, 600, 0, 550, 0, 750, 630, 730];
var select = document.querySelector("#country_select"),
    inputs = document.querySelectorAll(".div1 input"),
    price = [diselPrice, electricityPrice, oneTimeSubsidy, annualSubsidy];
select.onchange = function() {
    var k = this.value - 1;
    for (var i = 0; i < inputs.length; i++) {
        inputs[i].value = price[i][k]
    }
}
select.onchange()
</script>
</body>

</html>
Ответить с цитированием
  #3 (permalink)  
Старый 12.07.2015, 18:40
Аспирант
Отправить личное сообщение для nikto93i7 Посмотреть профиль Найти все сообщения от nikto93i7
 
Регистрация: 06.07.2015
Сообщений: 50

Большое спасибо))
P.s. я читаю.. только месяц js учу
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
помогите древовидный список jacks Элементы интерфейса 4 09.03.2015 14:29
Помогите вставить в форму не только чекбоксы но и выпадающий список seva_81 Серверные языки и технологии 3 20.09.2010 09:02
Как сделать динамически загружаемый список? mikeles AJAX и COMET 9 13.11.2009 14:13
Гуру ! помогите сделать начало слайдшоу c рандомной картинки Nekojiru Общие вопросы Javascript 0 22.07.2009 18:28
помогите сделать начало слайдшоу c рандомной картинки Nekojiru Ваши сайты и скрипты 0 20.07.2009 18:50