Форум

nekada · #1 (**permalink**) 28.11.2016, 05:53

Приветствую!

Есть поля!

<dl class="top">
<dt>
<label for="quest">Надо?</label>
</dt>
<dd>
<input type="checkbox" id="bb_d" name="chekk" class="input-checkbox" checked="" value="1">
</dd>
</dl>


<dl class="top">
<dt>
<label for="addr">Адрес</label>
</dt>
<dd>
<input type="text" id="addr" name="adddr" value="" class="input-text input-width-300">
</dd>
</dl>

<dl class="top">
<dt>
<label for="desc">Описание</label>
</dt>
<dd>
<input type="text" id="desc" name="descript" value="" class="input-text input-width-300">
</dd>
</dl>

Ниже еще 3 аналогичных поля, нужно что бы они подменялись выбором из списка, например форма-1 и форма-2, такое возможно сделать?
Еще важный момент, если заполнили одну форму-1 и переключились на другую форму-2, форма-1 сбрасывала значения полей.
Буду признателен за любую помощь!

nekada · #2 (**permalink**) 02.12.2016, 11:10

Сообщество, кто-то может подсказать?

ksa · #3 (**permalink**) 02.12.2016, 11:48

Сообщение от nekada

что бы они подменялись выбором из списка, например форма-1 и форма-2

Инпуты менять на селекты?

Почему нельзя сразу сделать те селекты?
Почему используешь теги для определений не по назначению?

nekada · #4 (**permalink**) 04.12.2016, 11:13

Немного не понял Вас.
Предложите свой пример?

Дело в том, что id у других 3 полей отличается от первых 3 полей. Как тут быть ?
Может есть скрипт, который сможет менять эти поля в зависимости от их id ?
Вот и подумал, что проще эти поля во что-то завернуть и дать 2 id и менять эти блоки через select.

Проще говоря при выборе

<select onclick="doIt(this)">
<option value="1">id first</option>
<option value="2">id second</option>
</select>

при выборе id first появлялись input с id bd_d addr desc
при выборе id second input с id bd_d1 addr1 desc1

Такое реально?

ksa · #5 (**permalink**) 05.12.2016, 08:20

Сообщение от nekada

Такое реально?

Разумеется.

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
.test {
	display: none;
}
</style>
<script type='text/javascript'>
$(function(){
	$('select').change(function(){
		$('.test').hide();
		$('#test'+this.value).show();
	});
});
</script>
</head>
<body>
<select>
	<option value=""></option>
	<option value="1">id first</option>
	<option value="2">id second</option>
</select>
<div>
	<input id='test1' class='test' type='text' value='test1' />
	<input id='test2' class='test' type='text' value='test2' />
</div>
</body>
</html>

ksa · #6 (**permalink**) 05.12.2016, 08:22

Сообщение от nekada

Немного не понял Вас.

Зачем использовать теги блока цитат если у тебя нет этих самых цитат?

Сообщение от nekada

Предложите свой пример?

Для блочной "разбивки/группировки" элементов можно использовать простые

<div>...</div>

Для строчных

<span>...</span>

Эти теги для этого и были созданы

Форум

Справочник

Discord чат

Курсы javascript