`
dcdc723
  • 浏览: 188096 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Jquery 动态的添加文本框 并 取添加的值

jQueryJavaScriptXHTMLHTML 
阅读更多 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <title>Jquery添加文本框并取得值 </title>
 <script type="text/javascript" src="jquery.js"> </script>
 <script type="text/javascript">
        function add() {
            for (var i = 0; i < 3; ++i)  //要循环的文本框个数;
           $("#txt").append(" <input id='" + i + "' type='text' />"); //向ID为TXT的DIV追加文本框
           $("#txt").append(" <input type='button' onclick='btnOK()' value='确定'/>");//追加确定按钮
        }
        function btnOK() {
            alert($("#1").val()); //获得第二个文本的值；
        }

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <input type="button" value="添加" onclick="add()" />
    <div id="txt">

    </div>

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

 

2
顶
1
踩
分享到：
| 程序员的级别----你属于哪一级？
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery实现动态添加文本框和下拉框效果

    jquery实现动态添加文本框和下拉框效果。

    jquery动态生成文本框，含删除按钮

    本案例聚焦于使用jQuery动态生成文本框，并且每个文本框都配备有删除按钮。这个功能常见于需要用户输入多条类似信息的场景，如在线表单或任务管理器。 首先，`demo.html`和`demo_1.html`是两个不同的示例页面，展示...

    PHPJquery点击按钮添加文本框

    总结，"PHPJquery点击按钮添加文本框"这个主题展示了如何结合PHP后端和jQuery前端技术，实现动态添加页面元素的功能。通过这个过程，我们可以更好地理解前后端交互、DOM操作以及Ajax通信等Web开发中的关键知识点。

    jquery文本框添加删除标签代码.zip

    本示例“jquery文本框添加删除标签代码”是利用jQuery实现的一个功能，允许用户在文本框中输入文字后将其转化为可删除的标签。这种功能常见于许多网站，比如用户输入兴趣爱好或关键词时，会自动生成标签，方便管理和...

    jquery表单文本框添加文字标签

    本文将深入探讨如何使用 jQuery 在表单文本框中添加文字标签，以提升用户界面的易用性和美观性。 首先，我们需要理解HTML中的表单元素，特别是`&lt;input&gt;`标签，它是用来创建表单输入字段的基本元素。通常，一个文本...

    jQuery点击文本框下拉菜单城市选择代码

    这段代码会监听下拉菜单内的每个`&lt;li&gt;`元素，当用户点击一个城市时，将该城市文本设置为文本框的值，并隐藏下拉菜单。 为了实现更友好的用户体验，我们还可以添加一些额外的功能，如自动搜索匹配城市，这需要用到...

    添加文本框

    本文将详细介绍如何使用jQuery来动态地添加文本框，以及相关的HTML、CSS和JavaScript知识。 首先，我们要明白一个基本的概念：在HTML中，`&lt;input type="text"&gt;`标签用于创建一个文本输入框。当我们想要在用户交互时...

    js jquery 自动在文本框提示信息

    实现这一功能，首先需要在HTML中设置一个文本输入框，并为其添加一个特定的类名或ID，以便于jQuery选择器找到它。例如： ```html 请输入信息"&gt; ``` 这里的 `placeholder` 属性已经提供了一种基本的提示信息，但接...

    jquery 动态添加控件

    例如，为上面创建的文本框添加一个`keyup`事件监听器： ```javascript $(document).on('keyup', '#myInput', function() { var value = $(this).val(); // 在这里处理键盘抬起时的逻辑 }); ``` 这里使用了事件...

    jquery文本框自动补全完整实例 ajax autocomplete

    3. **JavaScript配置**：使用jQuery选择器获取文本框元素，然后调用`autocomplete`方法并传入配置对象。配置对象中通常包括`source`属性，它定义了数据源。可以是数组、函数或URL，取决于数据如何获取。 ```...

    jquery表单文本框添加文字标签.zip

    首先，"jquery表单文本框添加文字标签.zip"中的示例可能是为了解决在表单输入后即时创建和展示用户输入标签的需求。这种功能在评论系统、标签云或笔记应用等场景中十分常见，它可以提高用户体验，让用户能够直观地...

    jQuery实现的文本框自动联想补全特效源码.zip

    此外，`$.each()`可能用于遍历服务器返回的建议列表，而`append()`则可能用来在页面上动态添加这些建议。 源码可能会使用一个特定的CSS类来标记补全选项，以便通过样式控制它们的显示。同时，可能还会涉及到DOM操作...

    jQuery点击文本框下拉菜单城市选择代码.zip

    最后，`$('#city-select').on('change'...`监听下拉菜单的选择变化，更新文本框的值并隐藏下拉菜单。 此外，为了提供更好的用户体验，还可以考虑增加搜索功能，允许用户在下拉菜单中输入关键字快速定位城市。这需要...

    jQuery input点击文本框三级联动下拉菜单代码

    本篇文章将详细讲解如何利用jQuery实现一个输入文本框的三级联动下拉菜单功能。 首先，我们需要理解“三级联动”的概念。在网页交互中，三级联动通常指的是三个下拉菜单之间存在依赖关系，当用户在一个下拉菜单中...

    jquery text点击文本框预定机票火车票城市选择

    3. **添加事件监听器**：使用jQuery的`click()`函数为文本框添加点击事件监听器。当用户点击文本框时，触发城市选择界面的显示。 ```javascript $('#city-input').click(function() { // 在这里添加显示城市选择...

    jquery文本框显示描述文字rar

    总的来说，通过jQuery，我们可以轻松地创建一个具有动态效果的文本框，使其在用户输入时优雅地显示和隐藏描述文字，提升表单的可用性和美观性。这个例子展示了jQuery在网页交互设计中的强大能力，以及如何结合HTML、...

    jQuery实现点击文本框颜色拾取的颜色选择器源码.zip

    本资源“jQuery实现点击文本框颜色拾取的颜色选择器源码.zip”提供了一个基于jQuery的自定义功能，即在文本框中点击后弹出颜色选择器，用户可以选择颜色并将其值填充到文本框内。这个功能对于网页设计和前端开发来说...

    jQuery文本框创建关键词标签代码

    在本文中，我们将深入探讨如何使用jQuery来创建一个功能丰富的文本框，该文本框能够动态地生成和管理关键词标签。这个功能广泛应用于各种网站，如社交媒体、博客平台、论坛等，帮助用户方便地组织和分类内容。 首先...

Magicbox
Global site tag (gtag.js) - Google Analytics