ラベルにテキストフィールドの内容を動的に表示

-4

入力フィールドを使用して名前を入力し、ボタンをクリックするとその名前を動的に表示します。誰も私にそれを行うコードサンプルを提供できますか？ラベルにテキストフィールドの内容を動的に表示

2016-07-03 Inderdeep Singh

stackoverflowのは、あなただけのコードを求める場所ではありません...あなたはすでに何を試してみましたか？私たちはあなたのコードを書くのを助けるためにここにいます。 –

<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

ラベルにテキストフィールドの内容を動的に表示

答えて

関連する問題