根据下拉框的选择,js动态创建input框!!!

消失的风景 2015-08-20 04:04:19

如图,选择一列时,在后面创建一个input,选择两个后面创建两个,以此类推!下拉框里的内容是业务字典表里的!
function oneRowsChange(e)
{
if (e.value == "1")
{ }
}
这是点击下拉框的判断方法!
...全文
337 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
霖雨 2015-08-21
  • 打赏
  • 举报
回复
<script type="text/javascript">
	function change()
	{
		var	selectvalue = document.getElementById("select1").options[document.getElementById("select1").options.selectedIndex].value;
		var inputs = "";
		for(var i = 0;i < selectvalue;i++)
		{
			inputs += "<input id='input" + i + "' text='text" + i + "' value='value" + i + "'></input>" 
		}
		document.getElementById("content").innerHTML = inputs;
	}
</script>
<select id="select1" onchange="change()">
	<option value="1">1列</option>
	<option value="2">2列</option>
	<option value="3">3列</option>
</select>
<div id="content"></div>
你可以试一下
hch126163 2015-08-20
  • 打赏
  • 举报
回复
creatElement 或者 innerHTML
slwsss 2015-08-20
  • 打赏
  • 举报
回复
$(e).nextAll('input').remove() var c=parseInt(e.value); for(var i=0;i<c;i++)$(e).after('<input/>')

87,964

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧