0

わかりました、ちょっとした質問があります。

私は次のものを持っています

<div><span class="spanright" onclick"">Update</span><label class="myinfo"><b>Business information:</b></label></div>

私がやりたいのは、ユーザーがスパンをクリックすると、ラベルの後にhtmlが変更され、入力ボックスと送信ボタンが追加されることです。

私はする必要があると思いますthis.documentが、よくわかりません

4

4 に答える 4

0

サモナーの答えは正しいですが、私はjqueryを使用することを好みます（私が作業するほとんどすべてのページにロードされます）：

HTML：

<div id="container">
    <span class="spanright">Update</span>
    <label class="container"><b>Business information:</b></label>
</div>​

Javascript：

​$(".spanright").click(function(){
    $("#container").append('<br /><input type="text"/><input type="submit"/>');
    $(".spanright").unbind('click');
})​​;​

このように、クリックイベントは、おそらく意図したとおりに1回機能します。

于 2012-07-30T10:47:29.903 に答える
0

こんにちは、これがイベントの登録に関して何をすべきかについての少しの理解に役立つことを願っています. StackOverflow は、何かを行う方法を学習するためのものです。そのため、スクリプトを作成するのではなく、正しい方向に向けようとしているだけです。

http://jsfiddle.net/WKWFZ/2/

可能であれば、例のように jQuery ライブラリをインポートすることをお勧めします。これにより、javascript の世界がより簡単になります。

参照するドキュメント:

http://api.jquery.com/insertAfter/

http://api.jquery.com/bind/

jQuery のチュートリアルを調べてください。それらはたくさんあります。

于 2012-07-30T10:38:12.950 に答える
0

入力を保持するフォームを追加しました

JavaScript:

function showInput()
{
    document.getElementById('container').innerHTML += '<input type="text"/><input type="submit"/>';
}

HTML:

<div id="container">
    <span class="spanright" onclick"showInput()">Update</span>
    <label class="myinfo"><b>Business information:</b></label>
</div>
于 2012-07-30T10:27:58.243 に答える
-1

これをjqueryフレーバーで試してみてください-

$(document).ready(function(){
    $(".spanright").click(function(){
    $(".myinfo").css("color","red");

    });
});

フィドルをチェック -

http://jsfiddle.net/swapnesh/yHRND/

于 2012-07-30T10:30:21.880 に答える