急 等 求改造一个简单的JS,该怎么解决
日期：2014-05-16 浏览次数：20360 次
急 等 求改造一个简单的JS
<html>
<body>
<div id="box">
<input type="button" value="+" onclick="javascript:addRemoveItem('add','box');" /><br />
<input type="button" value="" id="record"/>
</div>
<script type="text/javascript">
var maxid = 0;
function addRemoveItem(act,target){
if ((!act || act == 'add') && target){
var $box = typeof(target) != 'object' ? document.getElementById(target) : target;
if (!$box) return;
var obj = document.createElement('<SPAN>');
obj.innerHTML = maxid + " <input type='text' name='input_"+maxid+"' value='' />" + '<input type="button" value="-" onclick="javas'+'cript:addRemoveItem(\'del\',this.parentNode);" /><br />';
$box.appendChild(obj);
obj = $box = null;
maxid++;
} else if (act == 'del' && target){
if (typeof(target) != 'object') return;
target.parentNode.removeChild(target);
maxid--;
}
}
</script>
</body>
</html>
现在我想把所有添加的新的input的id 记录在一个id为 record的 input里，并且删除掉的建立的input的ID在 record中也会被删除。。。求高手帮忙改造。。。
------解决方案--------------------
<html>
<body>
<div id="box">
<input type="button" value="+" onclick="javascript:addRemoveItem('add','box');" /><br />
<input type="button" value="" id="record"/>
</div>
<script type="text/javascript">
var maxid = 0;
function addRemoveItem(act,target){
if ((!act || act == 'add') && target){
var $box = typeof(target) != 'object' ? document.getElementById(target) : target;
if (!$box) return;
var obj = document.createElement('<SPAN>');
obj.innerHTML = maxid + " <input type='text' name='input_"+maxid+"' value='' />" + '<input type="button" value="-" onclick="javas'+'cript:addRemoveItem(\'del\',this.parentNode);" /><br />';
$box.appendChild(obj);
obj = $box = null;
maxid++;
} else if (act == 'del' && target){
if (typeof(target) != 'object') return;
target.parentNode.removeChild(target);
maxid--;
}
}
</script>
</body>
</html>
现在我想把所有添加的新的input的id 记录在一个id为 record的 input里，并且删除掉的建立的input的ID在 record中也会被删除。。。求高手帮忙改造。。。
------解决方案--------------------
- HTML code
<html>
<body>
<div id="box">
<input type="button" value="+" onclick="javascript:addRemoveItem('add','box');" /><br />
<input type="button" value="" id="record"/><br/>
</div>
<script type="text/javascript">
var maxid = 0;
function addRemoveItem(act,target){
var record = document.getElementById("record");
if ((!act || act == 'add') && target){
var $box = typeof(target) != 'object' ? document.getElementById(target) : target;
if (!$box) return;
var obj = document.createElement('<SPAN>');
var id = "input_" +maxid + "_id";
obj.innerHTML = maxid + " <input type='text' name='input_"+maxid+"' value='' />" + '<input type="button" value="-" onclick="javas'+'cript:addRemoveItem(\'del\',this.parentNode);" /><br />';
$box.appendChild(obj);
obj = $box = null;
record.value += (maxid == 0?"":",")+id;
maxid++;
} else if (act == 'del' && target){
if (typeof(target) != 'object') return;
target.parentNode.removeChild(target);
var idno = window.parseInt(target.childNodes[1].name.split("_")[1]);
record.value = record.value.replace((idno == 0?"":",")+"input_"+idno+"_id","");
maxid--;
}
}
</script>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
