라벨에 텍스트 필드의 내용을 동적으로 표시

-4

입력 필드를 사용하여 이름을 입력 한 다음 단추를 클릭 할 때 동적으로 이름을 표시하려고합니다. 누구든지 저에게 코드 샘플을 제공 할 수 있습니까?라벨에 텍스트 필드의 내용을 동적으로 표시

2016-07-03 Inderdeep Singh

유래는 당신이 이미 무엇을 시도 ... 코드를 물어 장소가 아니다? 우리는 당신의 코드를 작성하지 않기 위해 여기에 있습니다. –

<html> 

<body> 
<input type="text" name="Names" id="Names"> 
<input type="button" value="Click" onclick="SendName();" name=""> 

<p id="ShowNames"></p> 

<script type="text/javascript"> 
    function SendName() { 
     var d= document; 
     var InputNames = d.getElementById("Names").value; 
     var ShowNames = d.getElementById("ShowNames"); 
     ShowNames.innerHTML +=InputNames+"</br>"; 
    } 
</script> 
</body> 
</html>

출처

2016-07-03 06:26:58

달성하려는 작업은 jquery로 수행하기가 쉽습니다. 그러나 질문을하는 동안 먼저 그것을 시도하고 당신이 그것을 얻지 못하는지 물어보십시오.

$(function(){ 
 
    $('#submit').on('click', function(){ 
 
     var value = $('#name').val(); 
 
     var text = '<p>' + value + '</p>'; 
 
     $('#display').append(text); 
 
    }) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" name="inputNames" id="name"> 
 
<button id="submit">Submit</button> 
 

 
<div id="display"></div>

출처

2016-07-03 06:56:40

라벨에 텍스트 필드의 내용을 동적으로 표시

답변

관련 문제