javascript - jquery表单不打印输入

Question

找到了一个不错的网站，可以替代在共享点中使用 /forms。我下面的代码虽然没有将我的输入打印到屏幕上。有什么建议么。

<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>

这是一个有效的 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，我假设女巫可以使用