0

共有ポイントで /forms を使用する代わりに、素敵な Web サイトを見つけました。以下の私のコードは、私の入力を画面に出力しません。助言がありますか。

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

3 に答える 3

1

コードには 2 つの問題があります。

まず、終了</div>タグがありません。同じプロパティを持つ 2 つの要素があります。最初の div のプロパティを削除する必要があると思います。<div>idid

次に、プロパティ<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です。

于 2013-04-22T22:55:55.817 に答える
0 
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);
}
于 2013-04-22T22:55:10.470 に答える
0 
<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を持っていました。私は魔女を使用することを想定しました

于 2013-04-22T22:57:54.830 に答える