Форум

2Step · #1 (**permalink**) 08.08.2015, 15:16

Всем доброго дня!
Подскажите, пожалуйста, есть ли решение. На одной странице расположены две одинаковые формы с выпадающим списком и радио-кнопкой. Можно ли сделать так, чтобы при выборе данных в одной форме, вторая форма одновременно принимала такие же значения?

<select class="" name="param1" >
	<option value="0" selected="selected">параметр 1</option>
	<option value="1">параметр 2</option>
	<option value="2">параметр 3</option>
	<option value="3">параметр 4</option>
</select>
<input name="param2" type="radio" value="1">
<input name="param2" type="radio" value="2">

laimas · #2 (**permalink**) 08.08.2015, 15:18

Сообщение от 2Step

Можно ли сделать так, чтобы при выборе данных в одной форме, вторая форма одновременно принимала такие же значения?

А зачем в таком случае две формы?

EmperioAf · #3 (**permalink**) 08.08.2015, 15:19

Сообщение от 2Step

Можно ли сделать так, чтобы при выборе данных в одной форме, вторая форма одновременно принимала такие же значения?

Можно.

EmperioAf · #4 (**permalink**) 08.08.2015, 16:05

пример для селектов. Для инпутов я думаю вы и сами сделаете)

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="">
<meta name="description" content="">
<title>ГГ</title>
<style>
*{
    margin:0;
    padding:0;
    outline: 0;
}

select {
    margin: 30px;
}
</style>
</head>
<body>
<select  id="select1">
    <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>
<select  id="select2">
    <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>
<script>
var select1 = document.getElementById('select1');
    select1.onchange = function(){
        var value = select1.value;
        var selector = "#select2 option[value='"+value+"']";
        var last = document.querySelector("#select2 option[selected='selected']");
        if (last)
            last.setAttribute('selected','false');
        document.querySelector(selector).setAttribute('selected','selected');
    } 
</script>

</body>

</html>

2Step · #5 (**permalink**) 10.08.2015, 20:51

EmperioAf, большое спасибо, очень выручили.

Форум

Справочник

Discord чат

Курсы javascript