2014-09-07 4 views
2

У меня есть окно ввода, которое, когда пользователь вводит предложение, передаст его в пустой ящик (div). У меня есть код, в котором я беру значение, но могу " t выяснили, как передавать эти данные один за другим в пустую коробку каждый раз, когда они нажимают кнопку submit.Пропустить входное значение до пустого div

<input type="text" class="form-control border" id="skills-box"> 

$(".btn-add").click(function() { 
value = $("#skills-box").val(); 
$(value).append($(".label-primary")); 
}); 
+0

$ ('значение'). Append ($ (". Label-primary")); неверно – Novelist

+3

$ ('. label-primary'). append (value); правый – Novelist

+0

Первый. Все, что содержится в кавычках, является строковым символом. Используйте имена переменных, как они есть. Во-вторых. Узнайте, как работает функция 'jQuery'. И '.append'. – Novelist

ответ

2

Вам нужно добавить значение к классу элементов, в данном случае TAHT будет являться .label первичной DIV тег. Это будет похоже на это.

$(".btn-add").click(function() { 

    var value = $("#skills-box").val(); 
    $('.label-primary').append(value); 

}); 

Я получил это работает в jsbin, вот ссылка: EXAMPLE

0

Изменить $(value).append($(".label-primary")); на:

$(value).appendTo(".label-primary"); 
1

использовать этот скрипт

$('.skills-box').on('blur',function(e){ 
    $('.display-box').append(this.value); 
}); 

Полный код: Jquery

<body> 
<input type="text" placeholder="Type Here..." class="skills-box"> 
<div class="display-box"></div> 
<script type="text/javascript"> 
$('.skills-box').on('blur',function(e){ 
    $('.display-box').append(this.value); 
}); 
</script> 
</body> 
</html> 
Смежные вопросы