Вопрос к знатокам html

A9
На сайте с 17.10.2013
Offline
6
367

Есть 2 поля

предмет: <input required="required" maxlength="30" type="text" id="1" /> кол-во: <input required="required" maxlength="2" type="text" id="2" /><br />

Как бы сделать чтобы они появлялись при нажатии на кнопку?

ishipilov
На сайте с 25.12.2011
Offline
101
#1

это вам нужен js/jQuery

A9
На сайте с 17.10.2013
Offline
6
#2

А как примерно он будет выглядеть?

[Удален]
#3

Прописать при клике на кнопку , появлеются нужные инпуты

$('.button').click(function(){ тут .button это класс кнопкуи по которой кликаем

$('#1').show(); только тут желательно чтоб айди появляемого инпута с букввы начинался

$('#2').show();

});

П.С. Появляемые импуты прячем display:none;

A9
На сайте с 17.10.2013
Offline
6
#4

<input type="button" class="button1" value="+" name="button"><br />

<div style="display: none" id="div1">

предмет: <input required="required" maxlength="30" type="text" id="field1" /> кол-во: <input required="required" maxlength="2" type="text" id="field2" /><br />

</div>

<script>

$('.button1').click(function(){

$('#div1').show();

});

</script>

При нажатии на кнопку ничего не происходит. Подскажите что не так?

M
На сайте с 04.10.2013
Offline
14
#5
Alexandr999:
<input type="button" class="button1" value="+" name="button"><br />

<div style="display: none" id="div1">
предмет: <input required="required" maxlength="30" type="text" id="field1" /> кол-во: <input required="required" maxlength="2" type="text" id="field2" /><br />
</div>

<script>
$('.button1').click(function(){
$('#div1').show();
});
</script>

При нажатии на кнопку ничего не происходит. Подскажите что не так?

Надо не class="button1", а id="button1"

A9
На сайте с 17.10.2013
Offline
6
#6
matveyf:
Надо не class="button1", а id="button1"

Спасибо, всё заработало

S
На сайте с 27.02.2007
Offline
60
#7

Дешевле купить трактор для вспашки горшка с цветком, чем использовать jQuery для этой задачи. Сайт строите бульдозером, сгребая всякий мусор в кучу :(

Создание сайтов, документация... (http://site3k.net/), сайт нашей дизайн-студии (http://website-it.ru/)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий