jquery表单不打印输入

Question

找到一个很好的网站替代使用/表单在共享点。我的下面的代码虽然不打印我的输入到屏幕上。有什么建议么。

<script type="text/javascript"> 
    function printvalues() 
    { 
     var div = document.getElementById("divId"); 
     div.innerHTML += "test"; 
     div.innerHTML += inputobj1.value; 
    } 
</script> 

<div id="divId"> 
    username: <input name="inputobj1" value="" /> 

    <button id="idButton" type="button" onclick ="printvalues();"> 
     Generate! 
    </button> 

    <div id="divId"> 
</div> 

Answer 1

有你的代码的两个问题。

首先，您错过了一个关闭</div>标记; 和你有两个<div>元素与id属性相同！我认为你应该删除第一个div的id属性。

其次，您的<input />缺少id属性，因此它不会自动由inputobj1定义。

试试这个标记：

<script type="text/javascript"> 
    function printvalues() { 
     var div = document.getElementById("divId"); 
     div.innerHTML += "test"; 
     div.innerHTML += document.getElementById("inputobj1").value; 
    } 
</script> 
<div> 
    username: <input id="inputobj1" name="inputobj1" value="" /> 

    <button id="idButton" type="button" onclick ="printvalues();">Generate!</button> 

    <div id="divId"></div> 
</div> 

这里有一个working jsFiddle。

Answer 2

this doesnst work because you have two div with id="idButton" and your markup is not closed 

这也可以按照您的jQuery标记

function printvalues() { 
    var value = $('input[name="inputobj1"]').val(); 
    var $div = $('<div>',{text:value}); 
    $('#divId').append($div); 
} 

或使用DIVID DIV

function printvalues() { 
    var value = $('input[name="inputobj1"]').val(); 
    $('#divId').text(value); 
} 

Answer 3

<script type="text/javascript"> 
    function printvalues() { 
     var div = document.getElementById("divId"); 
     div.innerHTML += "test"; 
     div.innerHTML += inputobj1.value; 
     } 
</script> 
<div id="divId2"> 
    username: <input name="inputobj1" value="" /> 

<button id="idButton" type="button" onclick ="javascript:printvalues();"> 
    Generate! 
    </button> 

<div id="divId"></div> 
</div> 

或

<div id="divId2"> 
    username: <input name="inputobj1" value="" /> 

<button id="idButton" type="button"> 
    Generate! 
    </button> 

<div id="divId"></div> 
</div> 
    <script type="text/javascript"> 
    function printvalues() { 
     var div = document.getElementById("divId"); 
     div.innerHTML += "test"; 
     div.innerHTML += inputobj1.value; 
     } 
     $('#idButton').click(function(){ 
      printvalues() 
     }) 
</script> 

你有2 DIVID的为好，我对巫上使用