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，我假设女巫使用

jquery表单不打印输入

3 个答案: