Question

我有一个输入框，当用户输入一个句子时，它会将它传递给一个空框（div）。我有一些代码可以获取值，但是我无法弄清楚如何每次点击提交时，将这些数据逐个传递到空白框。

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

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

Answer 1

您需要将值附加到元素类，在这种情况下，taht将是.label-primary div标记。它会是这样的。

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

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

});

我在jsbin工作，这是链接： EXAMPLE

Answer 2

使用此脚本

$('.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>

Answer 3

将$(value).append( $(".label-primary"));更改为：

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

将输入值传递给空div

3 个答案: