本文主要是介绍js onchange事件，以及setAttribute，getAttribute，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
onchange为form表单中select标签发生改变时产生的事件，从
<select style="width:160px" class="select2" name="mix_{$val.sign}" οnchange="gradeChange(this)" >
<option value="0" {$i==$val[num]?'selected':''} lrc="{$val.num}" >请选择</option>
<for start="1" end="$val[num]+1" >
<option value="{$i}" {$i==$val[num]?'selected':''} lrc="{$val.num}" > {$i}</option>
</for>
</select>
<span id="{$val.sign}" data="{$val.num}" mix="0" common="0">{$val.num} </span>
选择数目的改变会影响到相对应的span也发生对应的值的变化，比较容易出错的地方为parseInt数据类型转换和span添加和改变属性值来存储自己需要的东西 。
function gradeChange(obj) {
var grade = obj.options[obj.selectedIndex].value;
var num=obj.options[obj.selectedIndex].getAttribute("lrc");
var name=obj.name;
array = name.split("_");
var amount = document.getElementById(array[1]);
var result=parseInt(num)-parseInt(grade);
amount.setAttribute("mix",result);
var mix=parseInt(amount.getAttribute("mix"));
var common=parseInt(amount.getAttribute("common"));
var x=parseInt(amount.getAttribute("data"));
amount.innerHTML=x+common+mix;
// var url = "__ROOT__/Admin/Index/admin/num/" + grade;
}
</script>
这篇关于js onchange事件，以及setAttribute，getAttribute的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
