Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Смена атрибута value (https://javascript.ru/forum/misc/44425-smena-atributa-value.html)

Sivik 19.01.2014 13:12

Смена атрибута 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 у первого списка.

заранее спасибо)

danik.js 19.01.2014 13:21

Цитата:

Сообщение от Sivik
document.getElementById('oblast').options[document.getElementById('oblast').selectedIndex].value

Это упрощается до document.getElementById('oblast').value

Для начала добавь свой второй селект в HTML-разметку и поясни какая должна быть зависимость между списками. Используй
[HTML] ... [/HTML]
когда вставляешь код тут на форуме.

Sivik 19.01.2014 13:55

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>


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


Часовой пояс GMT +3, время: 22:55.