动态增加input，下拉框，onchange事件

最新推荐文章于 2024-06-23 00:55:54 发布

矛盾的一个人

最新推荐文章于 2024-06-23 00:55:54 发布

阅读量1.5k

点赞数

分类专栏：前端文章标签： javascript c# ViewUI

本文链接：https://blog.csdn.net/ever8090/article/details/84598281

版权

前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<html>

<head>

function $G(v){return document.getElementById(v);}

function _dynadd(parentID,inputFileID, maxNum){

/**if (maxNum > 0) {

x=document.getElementsByName(inputFileID);

y=x.length;

if (y >= maxNum) {

alert('最多只允许添加' + maxNum + '个');

return false;

}

}**/

var parent=$G(parentID);//获取父元素

var div=document.createElement("div");//创建一个div容器tb用于包含input file

var x=parseInt(Math.random()*(80-1))+1;

var divName=inputFileID+x.toString();//随机div容器的名称

div.name=divName;

div.id=divName;

//创建input

var aElement=document.createElement("input");

aElement.name=inputFileID;

aElement.id=inputFileID+x+x;

aElement.type="text";//设置类型为file

aElement.className = "dynInputLen";

aElement.style.height="20";

aElement.style.width="220";

aElement.style.fontSize="15";

//创建select

var itemSelect = document.getElementsByName("itemSelect")[0];

var selElement=document.createElement("select");

selElement.name=itemSelect.name;

selElement.id=itemSelect.name+x;

for(var i=0;i<itemSelect.options.length;i++){

var value=itemSelect.options[i].value;

var text=itemSelect.options[i].text;

selElement.options.add(new Option(text,value));

}

selElement.style.width="70";

//动态加载onchange事件

if(window.addEventListener) // Mozilla, Netscape, Firefox

{

selElement.addEventListener('change', mychange,false);

}

else// IE

{

selElement.attachEvent('onchange',function(){

var selObj = $G(selElement.id);

var index = selObj.selectedIndex;

var str = selObj.options[index].text;

$G(aElement.id).value=str;

});

}

/**var delBtn=document.createElement("input");//再创建一个用于删除input file的Button

delBtn.type="button";

delBtn.value=" ";

delBtn.className = "btn_del";

delBtn.οnclick=function(){ removeInput(parentID,divName)};//为button设置tbonclick方法

**/

div.appendChild(aElement);//将input file加入div容器

div.appendChild(selElement);

//div.appendChild(delBtn);//将删除按钮加入div容器

parent.appendChild(div);//将div容器加入父元素

}

function changeItem(obj,param){

var index = obj.selectedIndex;

var str = obj.options[index].text;

$G(param).value=str;

}

</script>

</head>

<body>

</div>

</body>

</html>

矛盾的一个人

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
动态增加input，下拉框，onchange事件

&lt;html&gt; &lt;head&gt;&lt;script&gt;function $G(v){return document.getElementById(v);}function _dynadd(parentID,inputFileID, maxNum){/**if (maxNum &gt; 0) {x=document.getElements...
复制链接

扫一扫

专栏目录