빈 div에 입력 값 전달

사용자가 문장을 입력하면 빈 상자 (div)로 전달되는 입력 상자가 있습니다. 값을 가져 오는 코드가 일부 있는데, 제출을 클릭 할 때마다 빈 상자에 데이터를 하나씩 전달하는 방법을 알아 냈습니다.빈 div에 입력 값 전달

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

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

출처

2014-09-07 Jose CC

$ ('value'). append ($ (". label-primary")); 잘못된 – Novelist

$ ('. label-primary'). append (value); 오른쪽 – Novelist

먼저. 따옴표 안에있는 것은 문자열 문자입니다. 변수 이름은 그대로 사용하십시오. 둘째. 'jQuery' 함수가 어떻게 작동하는지 배우십시오. 그리고 .append. – Novelist

당신은 .label-차 div 태그 것 taht를이 경우, 요소 클래스에 값을 추가해야합니다. 이런 식으로 갈 것입니다.

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

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

});

는 나는 여기, jsbin에서 작업 링크입니다 가지고 : EXAMPLE

출처

2014-09-07 20:34:28 jcastro24

변경 $(value).append($(".label-primary"));에 :

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

출처

2014-09-07 20:34:10 PeterKA

사용이 스크립트

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

출처

2014-09-07 20:35:02 Obaid

빈 div에 입력 값 전달

답변

관련 문제