Javascript.RU

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

Смена атрибута value
всем привет!)
так как совсем ещё новичок, поэтому прошу помощи в решении задачи.

<script type="text/javascript">
function calc(){
var klm = document.getElementById('oblast').options[document.getElementById('oblast').selectedIndex].value;
document.getElementById('rezultat').innerHTML = parseFloat(klm);
}
</script>

<form onsubmit="return false;" onchange="calc()">
<select id="oblast">
<option value="130.9">130.9</option>
<option value="132.7">132.7</option>
<option value="138.1">138.1</option>
<option value="168.2">168.2</option>
<option value="189.5">189.5</option>
</select>
<br>
<input type="text">
<output id="rezultat">130.9</output>
</form>

задача заключается в том, чтобы добавить ещё один элемент открывающегося списка ( <select></select> ), так же с несколькими вариантами. но чтобы его value менялся в зависимости от того, какой будет выбран value у первого списка.

заранее спасибо)
Ответить с цитированием
  #2 (permalink)  
Старый 19.01.2014, 13:21
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Сообщение от Sivik
document.getElementById('oblast').options[document.getElementById('oblast').selectedIndex].value
Это упрощается до document.getElementById('oblast').value

Для начала добавь свой второй селект в HTML-разметку и поясни какая должна быть зависимость между списками. Используй
[HTML] ... [/HTML]
когда вставляешь код тут на форуме.
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #3 (permalink)  
Старый 19.01.2014, 13:55
Аватар для Sivik
Интересующийся
Отправить личное сообщение для Sivik Посмотреть профиль Найти все сообщения от Sivik
 
Регистрация: 19.01.2014
Сообщений: 20

danik.js,
два селекта должны сложиться друг с другом.
<script type="text/javascript">
function calc(){
    var klm = document.getElementById('oblast').value;
	var klv = document.getElementById('slct').value;
	document.getElementById('rezultat').innerHTML = parseFloat( Number(klm) + Number(klv) );
    }
</script>

<form onsubmit="return false;" onchange="calc()">
	<select id="oblast">
        <option value="130.9">130.9</option>
        <option value="132.7">132.7</option>
        <option value="138.1">138.1</option>
        <option value="168.2">168.2</option>
        <option value="189.5">189.5</option>
	</select>
    <br>
    <select id="slct">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
	</select>
    <br>
    <output id="rezultat">130.9</output>
</form>


но вэлью второго должен изменяться в зависимости от того, какой вэлью будет выбран у первого. т. е. под каждый вэлью первого селекта будет свой список вэлью второго селекта.

Последний раз редактировалось Sivik, 19.01.2014 в 13:59.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Смена атрибута в input Beriagts jQuery 3 19.04.2016 17:03
Плавная смена background-image div-ва в котором есть контент phenom jQuery 1 09.04.2013 14:28
Как получить значение атрибута тега iframe? Dimaz Общие вопросы Javascript 5 15.12.2012 15:40
замена атрибута src + fadein zelik jQuery 0 08.03.2011 13:33
Не могу получить значение атрибута DenQ jQuery 9 06.02.2011 14:33