使用jquery添加选定数量的文本框
使用jquery添加选定数量的文本框
提问于 2013-06-08 16:00:07
我想将文本框添加到我的div。文本框的数量由选择列表提供。
<DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript"></script>
</head>
<body>
<div id = "text">
Choose No.of TextBoxes:
<select id = "options">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<br/>
</div>
</body>回答 5
Stack Overflow用户
回答已采纳
发布于 2013-06-08 17:20:02
试试这个
$(document).ready(function()
{
$("#options").change(function()
{
//Find if there is already a input box
//if yes then remove it
$("#text").find("input").remove();
var count = $(this).val();
for (var i = 1; i <= count; i++) {
var ipBoxName ="myInput"+i;
var ipBox = ' <input type="textbox" name="'+ipBoxName+'" />';
$('div#text').append(ipBox);
}
});
});Stack Overflow用户
发布于 2013-06-08 16:35:33
这是
$('select#options').change(function () {
$('div#text input').remove();
var val = $(this).val();
for (var x = 0; x < val; x++) {
var createInputTextBox = '<input type="textbox" />';
$('div#text').append(createInputTextBox);
}
});Stack Overflow用户
发布于 2013-06-08 16:07:06
你可以试试这个：
$("select").change(function () {
$(this).siblings("input").remove();
for (i = 0; i < this.value; i++) {
$("<input/>", {
type: text,
id: "textbox" + i
//you add more attributes here if you want
}).appendTo("#text");
}
});这是一个演示：http://jsfiddle.net/bPdPE/5/
请在jquery站点上查看.change()。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16997401
复制相关文章
相似问题
腾讯云开发者
