動態顯示標籤上的文本字段內容

-4

我想使用輸入字段輸入名稱，然後單擊按鈕動態顯示這些名稱。任何人都可以爲我提供一個代碼示例嗎？動態顯示標籤上的文本字段內容

2016-07-03 Inderdeep Singh

＃2是不是一個地方，你剛纔問的代碼...你有什麼已經嘗試過？我們在這裏幫助您不寫代碼。 –

<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

動態顯示標籤上的文本字段內容

回答

相關問題