jQuery附加在按钮上单击显示文本然后消失

神经质

嗨,我对jquery还是比较陌生,并且有一些困难。在过去的几个小时中,我一直在努力。

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">    </script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

</head>
<body>

<form id = "params">
Type: <input id = "type" type = "text">
Parameters:<input type = "text">
Required: <input type = "checkbox" >
<button id = "addpa">Add Parameter</button>
<script>
$("#addpa").click(function() {
        $("#params").append("Parameters:<input type = \"text\"><br>Required: <input type = \"checkbox\" >");
});
</script>

</form>
</body>
</html>

我想要做的是让用户名称他们正在创建的项目的类型。之后,他们可以输入参数列表。由于每种“类型”将具有不同数量的参数,因此我希望它们能够单击按钮并有机会添加一组新的输入。当我单击按钮时,输入会显示出来然后消失...

jme11

你差点就明白了。只需从表单中取出button和script标签,然后将它们放在底部,如下所示:

<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">    </script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

    </head>
    <body>

        <form id = "params">
            Type: <input id = "type" type = "text">
            Parameters:<input type = "text">
            Required: <input type = "checkbox" >
        </form>
        <button id = "addpa">Add Parameter</button>
        <script>
            $("#addpa").click(function() {
                $("#params").append("Parameters:<input type = \"text\"><br>Required: <input type = \"checkbox\" >");
            });
        </script>


    </body>
</html>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery附加在按钮上单击显示文本然后消失

来自分类Dev

使用Jquery在按钮单击上显示模态

来自分类Dev

使用Jquery在按钮单击上隐藏/显示Div

来自分类Dev

div在按钮上单击显示在jQuery中

来自分类Dev

在按钮单击jquery上隐藏/显示div

来自分类Dev

在按钮上显示div单击

来自分类Dev

jQuery触发事件首先附加在子项上,然后附加在其父项的事件上

来自分类Dev

jQuery Datepicker:在输入组附加按钮上显示单击

来自分类Dev

在按钮单击jquery上附加到垂直手风琴

来自分类Dev

在按钮单击上设置隐藏变量的值,然后使用.submit()jquery struts提交表单

来自分类Dev

在按钮Excel宏上显示的文本

来自分类Dev

在按钮单击和选项上添加新的div以选择显示文本框的选项

来自分类Dev

在按钮单击、php、phalcon 上显示更多隐藏文本

来自分类Dev

在按钮上切换图片,然后单击iOS

来自分类Dev

在按钮单击jquery上显示非唯一的div类

来自分类Dev

jQuery Mobile在按钮单击事件上显示本机选择菜单

来自分类Dev

JQuery 在按钮单击时显示上一条消息

来自分类Dev

排列按钮-多行文本然后按

来自分类Dev

当我按下凸起的按钮时,如何将Slider附加在按钮内的文本下方?

来自分类Dev

当我按下凸起的按钮时,如何将Slider附加在按钮内的文本下方?

来自分类Dev

当我按下凸起的按钮时,如何将Slider附加在按钮内的文本下方?

来自分类Dev

在按钮上单击,通过文本框javascript循环

来自分类Dev

使用javascript在按钮单击上添加文本框

来自分类Dev

单击jQuery后,带有keyup事件的附加文本消失

来自分类Dev

在按钮单击MVC上显示局部视图

来自分类Dev

如何使用JavaScript在按钮单击上显示内容

来自分类Dev

单击时,tkinter会在按钮上递增显示整数

来自分类Dev

Android软键盘未在按钮单击上显示

来自分类Dev

如何使用AngularJS在按钮单击上显示(隐藏的)<td>?

Related 相关文章

  1. 1

    jQuery附加在按钮上单击显示文本然后消失

  2. 2

    使用Jquery在按钮单击上显示模态

  3. 3

    使用Jquery在按钮单击上隐藏/显示Div

  4. 4

    div在按钮上单击显示在jQuery中

  5. 5

    在按钮单击jquery上隐藏/显示div

  6. 6

    在按钮上显示div单击

  7. 7

    jQuery触发事件首先附加在子项上,然后附加在其父项的事件上

  8. 8

    jQuery Datepicker:在输入组附加按钮上显示单击

  9. 9

    在按钮单击jquery上附加到垂直手风琴

  10. 10

    在按钮单击上设置隐藏变量的值,然后使用.submit()jquery struts提交表单

  11. 11

    在按钮Excel宏上显示的文本

  12. 12

    在按钮单击和选项上添加新的div以选择显示文本框的选项

  13. 13

    在按钮单击、php、phalcon 上显示更多隐藏文本

  14. 14

    在按钮上切换图片,然后单击iOS

  15. 15

    在按钮单击jquery上显示非唯一的div类

  16. 16

    jQuery Mobile在按钮单击事件上显示本机选择菜单

  17. 17

    JQuery 在按钮单击时显示上一条消息

  18. 18

    排列按钮-多行文本然后按

  19. 19

    当我按下凸起的按钮时,如何将Slider附加在按钮内的文本下方?

  20. 20

    当我按下凸起的按钮时,如何将Slider附加在按钮内的文本下方?

  21. 21

    当我按下凸起的按钮时,如何将Slider附加在按钮内的文本下方?

  22. 22

    在按钮上单击,通过文本框javascript循环

  23. 23

    使用javascript在按钮单击上添加文本框

  24. 24

    单击jQuery后,带有keyup事件的附加文本消失

  25. 25

    在按钮单击MVC上显示局部视图

  26. 26

    如何使用JavaScript在按钮单击上显示内容

  27. 27

    单击时,tkinter会在按钮上递增显示整数

  28. 28

    Android软键盘未在按钮单击上显示

  29. 29

    如何使用AngularJS在按钮单击上显示(隐藏的)<td>?

热门标签

归档