动态显示标签上的文本字段内容

-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

动态显示标签上的文本字段内容

回答

相关问题