Выбор полей из списка
Приветствую!
Есть поля! :) <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 сбрасывала значения полей. Буду признателен за любую помощь! |
Сообщество, кто-то может подсказать?
|
Цитата:
Почему нельзя сразу сделать те селекты? Почему используешь теги для определений не по назначению? |
Немного не понял Вас.
Предложите свой пример? Дело в том, что 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 Такое реально? |
Цитата:
<!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>
|
Цитата:
Цитата:
<div>...</div> Для строчных <span>...</span> Эти теги для этого и были созданы |
| Часовой пояс GMT +3, время: 04:35. |