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

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>
Ответить с цитированием