<script type="text/javascript">
function selectCount(){
var aa = $(".mm input").length;
if(aa!=0){
var rss = "";
for(var j=0;j<aa; j++){
rss += document.getElementById("names"+[j]).value +",";
}
//alert(rss);
var ress = rss.split(",");
clearSelect();
var Str = "";
var count = 0;
var num = $("#num").val(); //下拉中的数字
for(var i=0; i<num; i++){
var $input = document.createElement("input");
$input.type = 'text';
$input.name = "names"+count;
$input.id = "names"+count;
//$input.className = 'text';
$("#ret").append("选项名称：").append($input).append("</br>");
for(var k=0;k<=ress.length; k++){
$("#names"+k).attr("value",ress[k]);
}
Str += $input.id +",";
count++;
}
}
else{
clearSelect();
var Str = "";
var count = 0;
var num = $("#num").val(); //下拉中的数字
for(var i=0; i<num; i++){
var $input = document.createElement("input");
$input.type = 'text';
$input.name = "names"+count;
$input.id = "names"+count;
//$input.className = 'text';
$("#ret").append("选项名称：").append($input).append("</br>");
count++;
Str += $input.id +",";
}
}
}
function clearSelect(){
$("#ret").html("");
}
</script>
<body>
<select id="num" name="num" onchange ="selectCount();">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<div id="ret" class="mm" align="center"></div>
</body>
分享到：
相关推荐
在本文中，我们将深入探讨如何使用JQuery实现输入框大写提示功能，这对于创建具有用户友好体验的登录界面尤其有用。JQuery是一个流行的JavaScript库，它简化了DOM操作、事件处理以及Ajax交互等任务，使得前端开发...
通过本篇文章，我们将学习如何使用jQuery实现动态添加和删除按钮及input输入框的方法，同时还将涉及到事件响应和页面元素动态操作的相关技巧。 首先，我们需要注意的是，当页面加载完毕后，jQuery的$(document)....
本项目"jQuery实现验证码输入框代码特效.zip"就是利用jQuery来创建一个具有动态效果的验证码输入框。 首先，我们需要理解jQuery的基本用法。jQuery通过$函数作为入口，可以快速选择DOM元素，如`$("#id")`选择ID为...
效果：在输入框中输入文字，点击“添加”后，将输入框中的内容动态添加到顶部，效果很不错 使用方法： 1、在网页head中增加css样式 2、将html复制到你需要的地方 3、在网页底部调用本案例五个js代码即可搞定
本资源"jquery输入框增加列表代码.zip"提供了一个功能，即在用户输入文本后，能够将这些输入内容动态地添加到列表的顶部，这种效果在各种交互式界面设计中非常常见，比如搜索建议、输入历史记录或者用户自定义选项等...
在网页开发中，动态添加输入框是一项常见的需求，特别是在用户需要根据自身需求添加或减少输入项的场景下。本文将详细讲解如何使用JavaScript实现动态添加输入框，以及结合时间选择组件来增强用户体验。 首先，我们...
此插件可能包含了针对验证码输入框的特殊样式和交互效果，比如动态改变边框颜色、显示错误提示或者在用户成功输入验证码后触发某种反馈。 文件列表中的"3046"可能是文件编号，也可能是指某个具体文件，但由于信息不...
本实例将深入探讨如何利用jQuery实现动态增加和删除表格行的功能，这对于创建数据表或者交互式表单来说非常实用。 首先，我们需要一个基本的HTML结构来展示表格。表格通常由`<table>`元素定义，每一行由`<tr>`元素...
本项目"jquery输入框增加列表即将内容动态添加到顶部.zip"显然关注的是如何利用jQuery来实现一个特定的功能：当用户在输入框中输入内容时，与输入内容匹配的列表项会自动显示，并且新添加的内容会动态地移动到列表的...
标题 "jquery实现当输入框获得焦点时自动渐变颜色" 涉及的是在Web开发中使用jQuery库来实现一种动态用户体验，即当用户点击或选中一个输入框（text box）时，该输入框的边框颜色会逐渐变化，以增加交互性和视觉吸引...
《jQuery表情输入框插件详解及应用》 在网页开发中，为了提升用户体验，表情输入框已经成为社交媒体和在线聊天应用的必备功能。本篇将详细解析一个基于jQuery实现的的表情输入框插件，并探讨其核心原理和应用方法。...
在HTML5中，原生提供了`<input>`标签的`placeholder`属性来实现这个功能，但在一些老版本的浏览器或者为了增加更多的自定义效果，开发者会借助JavaScript库，如jQuery，来实现更高级的水印效果。本篇文章将深入探讨...
在这个“jquery动态增加修改删除表格,上移下移功能”的项目中，开发者利用jQuery实现了对表格的动态操作，这在网页数据展示和管理中非常常见。 首先，我们来理解这个项目的标题：“jquery动态增加修改删除表格,上移...
这个功能使得文本输入框（input field）能够随着用户输入的字符数量增加而动态调整宽度，提供更好的用户体验，特别是对于需要输入大量文本的情况。这种设计可以避免输入框过小导致用户无法看到完整内容，或者过大而...
`jQuery输入框数值加减调整0到100插件`正是为了解决此类问题而设计的，它允许用户通过点击按钮来增加或减少输入框中的数值，限制范围通常在0到100之间，提供了一种直观且易于操作的界面体验。 该插件基于JavaScript...
在这个特定的案例中，"jQuery数字加减输入框代码.zip" 提供了一款实用的前端计数器插件，它允许用户通过点击加减按钮来轻松地增加或减少输入框中的数字，适用于商品数量选择、评分系统或者任何需要动态调整数值的...
通过使用jQuery，开发者可以更高效地编写JavaScript代码，减少重复工作，同时增强页面的动态效果。 在这个特效中，jQuery首先被用来监听文本框的点击事件。当用户点击输入框时，会触发一个JavaScript函数，该函数...
《jQuery创意输入框表单提交特效详解》 在网页设计中，用户交互体验的重要性不言而喻，其中表单提交是关键环节之一。一个优秀的表单提交特效不仅可以提升用户体验，还能增加网站的专业感和吸引力。"jQuery创意...