0

好的，我有一个小问题。

我有以下

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

我想要做的是当用户单击跨度时，它会在标签后更改 html，并添加一个输入框和提交按钮。

我想我需要做一个this.document但不确定

4

4 回答 4

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

Summoner 的回答是正确的，但我更喜欢使用 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');
})​​;​

这样，click 事件将工作一次，因为它可能是您想要的。

于 2012-07-30T10:47:29.903 回答
-1

在 jquery 风格中试试这个——

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

    });
});

检查小提琴——

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

于 2012-07-30T10:30:21.880 回答