js给html标签添加属性

<select style="width: 120px;" id="dp" name="dp" value="-1" onchange="funAlert(this)">
  <option value="-1" selected="selected"></option>
  <option value="1">WA1</option>
  <option value="2">OR2</option>
  <option value="3">AZ3</option>
  <option value="4">UT4</option>
  <option value="5">IA5</option>
  <option value="6">MD6</option>
</select>
 
<script type="text/javascript">
function funAlert(obj) {
    obj.setAttribute('demo', obj.value); //setAttribute设置自定义属性
    alert(obj.getAttribute('demo')); //getAttribute获取自定义属性的值
    alert(obj.getAttribute('value')); //由于没有用setAttribute('value', obj.value)修改自定义属性value的值，所以一直都是-1
    alert(obj.value); //直接获取select对象的value值，返回当前选中的option的值
}
</script>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容