我对前端Web开发非常陌生,我想知道是否仍然可以在单击链接时出现一个小的文本框,当我提交表单时该文本框会消失。 (我想要类似Facebook当前用于生日愿望的东西,在其中单击人员名称,在“顶部”打开一个小注释框,让您从主页本身在人员墙上张贴一个愿望)。

抱歉,这是一个愚蠢的问题。

===============>>#1 票数:1 已采纳

最好的方法是使用jQuery Dialog UI之类的框架。 该文档很大,并且有很多示例可用。

例如,使用输入文本创建一个div元素,并将其创建绑定到所需的按钮:

的HTML

    <div id="dialog">
        <input type="text" />
    </div>
    <a href="#">Open dialog</a>

Java脚本

$(function () {
    $("#dialog").dialog({ autoOpen: false });
    $('a').click(function () {
        $("#dialog").dialog('open');
    });
});

===============>>#2 票数:1

另一个回答者假设您正在使用jQuery。 如果是这样,我将看一下jqModal 它比jQuery UI的苗条,更简单

===============>>#3 票数:1

普通javascript入门的基本示例

<form id="mainForm">
    <a id="clickme" href="javascript:;">click me</a>
    <input id="submitme" type="submit" />
</form>

<script type="text/javascript">    
    var mainForm = document.getElementById("mainForm"),
        textBox = document.createElement("input");

    textBox.id="tmpTextBox";
    textBox.type="text";

    document.getElementById("clickme").onclick = function () {
         mainForm.appendChild(textBox);
    }

    document.getElementById("submitme").onclick = function () {
        mainForm.removeChild(textBox);
    }
</script>

  ask by iman453 translate from so

未解决问题?本站智能推荐: